css властивість text-align-last
Властивість text-align-last задає вирівнювання останнього рядка тексту перед примусовим розривом.
Розрив рядка - це місце, де вміст переривається в нову лінію. Це може бути або м'яке переривання, якщо воно відбувається через використання різноманітних CSS-властивостей, або примусовий перерив, коли воно відбувається через явні лінійні елементи управління, або через початок або кінець блоку.
Властивість text-align-last впливає лише на останній рядок тексту перед примусовим розривом тексту!
| Нотатка: | Властивість |
| Нотатка: | Internet Explorer и Edge не поддерживают значения |
Синтаксис
text-align-last: auto|left|right|center|justify|start|end|initial|inherit;Властивість text-align-last може отримувати 9 значень:
autoРядок вирівняний на всю ширину і по лівому краю
leftРядок вирівнюється по лівому краю
rightРядок вирівнюється по правому краю
centerРядок вирівнюється по центру
justifyРядок вирівнюється по ширині. Якщо в останньому рядку тільки одне слово, то воно буде вирівняно по лівому краю
startОстанній рядок вирівнюється по початку рядка (ліворуч, якщо direction:ltr та праворуч direction:rtl).
endОстанній рядок вирівнюється за кінцем рядка (праворуч, якщо
direction:ltrта ліворучdirection:rtl).initialВстановлює властивість у значення без задання
inheritВказує на спадковість властивостей від свого батьківського елемента
| Значення без задання: | auto |
|---|---|
| Наслідує: | Так |
| Анімується: | Ні |
| JavaScript синтаксис: | bject.style.textAlignLast="right" |
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| text-align-last | 47.0 |
5.5 |
49.0 |
Не підтримується |
34.0 |
12.0 |
| Переглядач | |||
|---|---|---|---|
| text-align-last | Не підтримується |
34.0 |
Не підтримується |
Мобільних переглядачів ще не додано.
Приклади
Динамічний приклад впливу різних значень на останній рядок тексту
Простий приклад використання
Вирівнювання останнього рядка елемента по правому краю.
p {
text-align: justify;
-moz-text-align-last: right; /* Code for Firefox */
text-align-last: right;
} Вирівнювання останнього рядка елемента <p> по правому краю.
p {
text-align: justify;
-moz-text-align-last: right; /* Code for Firefox */
text-align-last: right;
}