Уласцівасць 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;
}

Результат: