თვისება text-align

თვისება text-align აყენებს ტექსტის გასწორებას: მარცხენა კიდეზე, მარჯვენა კიდეზე, ცენტრში, მარცხენა და მარჯვენა კიდეებზე ერთდროულად.

სინტაქსი

cssსელექტორი {
  text-align: center | left | right | justify | auto | start | end;
}

მნიშვნელობები

მნიშვნელობა	აღწერა
`center`	ტექსტი გასწორებული იქნება ცენტრში.
`left`	ტექსტი გასწორებული იქნება მარცხენა კიდეზე.
`right`	ტექსტი გასწორებული იქნება მარჯვენა კიდეზე.
`justify`	ტექსტი გასწორებული იქნება ერთდროულად როგორც მარჯვენა, ისე მარცხენა კიდეზე.
`auto`	არ ცვლის ელემენტის გასწორებას (ნაგულისხმევი მნიშვნელობა).
`start`	უდრის `left`-ს, თუ ტექსტი მიდის მარცხნიდან მარჯვნივ, და `right`-ს, როდესაც ტექსტი მიდის მარჯვნიდან მარცხნივ (არაბული ენა და ა.შ.).
`end`	უდრის `right`-ს, თუ ტექსტი მიდის მარცხნიდან მარჯვნივ და `left`-ს, როდესაც ტექსტი მიდის მარჯვნიდან მარცხნივ.

ნაგულისხმევი მნიშვნელობა: auto. უმეტეს შემთხვევაში, ნაგულისხმევად, ტექსტი გასწორებულია მარცხენა კიდეზე (არაბულ ენაში - მარჯვენა კიდეზე). თუმცა, არსებობს გამონაკლისები, მაგალითად, ტექსტი th-ში გასწორებული იქნება ცენტრში.

მაგალითი . მნიშვნელობა left

html<p>
  some long text
</p>

cssp {
  text-align: left;
  width: 400px;
}

Результат:

მაგალითი . მნიშვნელობა right

html<p>
  some long text
</p>

cssp {
  text-align: right;
  width: 400px;
}

Результат:

მაგალითი . მნიშვნელობა center

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-align: center;
}

Результат:

მაგალითი . მნიშვნელობა justify

html<p>
  some long text
</p>

cssp {
  text-align: justify;
  width: 400px;
}

Результат: