Својството 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;
}

Результат: