Svojstvo text-align-last

Svojstvo text-align-last postavlja poravnanje poslednje linije teksta: levoj ivici, desnoj ivici, centru, ili istovremeno levoj i desnoj ivici.

Obratite pažnju na to da ako u elementu (na primer, u pasusu), postoji samo jedna linija - onda se ona smatra i prvom i poslednjom i poravnanje će joj biti ono koje je zadato u text-align-last, a ne u text-align.

Sintaksa

cssselektor {
  text-align-last: center | left | right | justify | auto | start | end;
}

Vrednosti

Vrednost	Opis
`center`	Centrirano.
`left`	Levoj ivici.
`right`	Desnoj ivici.
`justify`	Istovremeno i levoj i desnoj ivici.
`auto`	Ne menja poravnanje elementa.
`start`	Jednako `left`, ako tekst ide s leva na desno i `right`, kada tekst ide s desna na levo (arapski jezik i sl.).
`end`	Jednako `right`, ako tekst ide s leva na desno i `left`, kada tekst ide s desna na levo.
`inherit`	Nasleđuje vrednost roditelja.

Podrazumevana vrednost: auto.

Primer . Vrednost 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;
}

Результат:

Primer . Vrednost 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;
}

Результат:

Primer . Vrednost 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;
}

Результат:

Primer . Vrednost 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;
}

Результат: