АКЦЫЯ: бясплатныя месячныя курсы па стварэнні сайтаў
на выбар: вёрстка, JavaScript, PHP, Python або фрэймворкі. Сёння апошні дзень для запісу! Націскай!
19 of 313 menu

Уласцівасць text-align-last

Уласцівасць text-align-last устанаўлівае выраўноўванне апошняга радка тэксту: па левым краі, па правым, па цэнтры, па левым і правым краях адначасова.

Звярніце ўвагу на тое, што калі ў элеменце (напрыклад, у абзацы), толькі адзін радок - то ён лічыцца адначасова першым і апошнім і выраўноўванне ў яго будзе такое, як зададзена ў text-align-last, а не ў text-align.

Сінтаксіс

селектар { text-align-last: center | left | right | justify | auto | start | end; }

Значэнні

Значэнне Апісанне
center Па цэнтры.
left Па левым краі.
right Па правым краі.
justify Адначасова і па правым краі, і па левым.
auto Не змяняе выраўноўванне элемента.
start Роўна left, калі тэкст ідзе злева направа і right, калі тэкст ідзе справа налева (арабская мова і да т.п.).
end Роўна right, калі тэкст ідзе злева направа і left, калі тэкст ідзе справа налева.
inherit Наследуе значэнне бацькі.

Значэнне па змаўчанні: auto.

Прыклад . Значэнне left

<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> p { text-align: justify; text-align-last: left; }

:

Прыклад . Значэнне right

<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> p { text-align: justify; text-align-last: right; }

:

Прыклад . Значэнне center

<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> p { text-align: justify; text-align-last: center; }

:

Прыклад . Значэнне justify

<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> p { text-align: justify; text-align-last: justify; }

:

byenru