Характеристики свойства
В каких браузерах работает?
5.5+ | - | - | - | 12.0+ | - | - |
В каких версиях CSS используется?
CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
- | - | - | + |
Для чего используется?
Частный случай применения свойства text-align, в котором установлено выравнивание по всей ширине. Достаточно редко последняя строка текста может растянуться по всей ширине, поэтому нужно определить ее выравнивание. В этом случае к нам на помощь приходит свойство text-align-last.
Как правильно задавать?
text-align-last:способ выравнивания;
Какие могут быть значения?
- start - выравнивание идет по стороне, с которой начинается чтение.
- end - выравнивание идет по стороне, на которой заканчивается чтение.
- left - равнение по левой стороне.
- right - равнение по правой стороне.
- center - текст расположится в центре строки.
- justify - текст растягивается на всю ширину строчки.
Пример использования
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Свойство text-align-last</title> <style> h3 { text-align:center; color:#444; } .content { text-align:left; border:1px dashed #a6a6a6; background:#fefcc6; padding:5px; text-align-last:right; } .author { text-align:right; text-decoration:underline; } </style> </head> <body> <h3>Заголовок</h3> <p class="content">Основной текст, который чаще всего выравнивается или по левому краю, или по все ширине. Это два наиболее распространенных метода выравнивания контента.</p> <p class="author">Подпись автора</p> </body> </html>
Тип CSS свойства:
Текст