თვისება text-align-last

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

ყურადღება მიაქციეთ იმას, რომ თუ ელემენტში (მაგალითად, აბზაცში), მხოლოდ ერთი სტრიქონია - მაშინ ის ითვლება როგორც პირველ და ბოლო სტრიქონად და მისი გასწორება იქნება ისეთი, როგორიც text-align-last-შია მითითებული, და არა როგორც text-align-ში.

სინტაქსი

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

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

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

ნაგულისხმევი მნიშვნელობა: auto.

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

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
  aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
  fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
  sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
  ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
  ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-align: justify;
  text-align-last: left;
}

Результат:

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

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
  aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
  fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
  sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
  ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
  ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-align: justify;
  text-align-last: right;
}

Результат:

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

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
  aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
  fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
  sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
  ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
  ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-align: justify;
  text-align-last: center;
}

Результат:

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

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
  aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
  fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
  sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
  ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
  ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-align: justify;
  text-align-last: justify;
}

Результат: