CSS text-align-last Свойство
Пример
Выравнивание последней строки текста в трех элементах <div>:
div.a
{
text-align: justify; /* For Edge */
text-align-last: right;
}
div.b
{
text-align: justify; /* For Edge */
text-align-last: center;
}
div.c
{
text-align: justify; /* For Edge */
text-align-last: justify;
}
Подробнее примеры ниже.
Определение и использование
Свойство text-align-last указывает, как выровнять последнюю строку текста.
Обратите внимание, что свойство text-align-last задает выравнивание для всех последних строк в выбранном элементе. Таким образом, если у вас есть <div> с тремя абзацами в нем, text-align-last будет применяться к последней строке каждого абзаца. Чтобы использовать text-align-last только для последнего абзаца в контейнере, можно использовать: последний дочерний элемент, см. пример ниже.
Примечание: В EDGE/Internet Explorer свойство text-align-last работает только с текстом, который имеет выравнивание по тексту: выравнивание.
| Значение по умолчанию: | auto |
|---|---|
| Inherited: | yes |
| Animatable: | no. Читайте о animatable |
| Version: | CSS3 |
| Синтаксис JavaScript: | object.style.textAlignLast="right" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Номера следуют -МОЗ- укажет первую версию, которая работала с префиксом.
| Свойство | |||||
|---|---|---|---|---|---|
| text-align-last | 47.0 | 5.5 | 54.0 12.0 -moz- |
Не поддерживается | 34.0 |
Примечание: В EDGE/Internet Explorer значения "Start" и "End" не поддерживаются.
Синтаксис CSS
text-align-last: auto|left|right|center|justify|start|end|initial|inherit;
Значения свойств
| Значение | Описание | |
|---|---|---|
| auto | Значение по умолчанию. Последняя строка выровнена по левому краю | |
| left | Последняя строка выравнивается по левому краю | |
| right | Последняя строка выравнивается по правому краю | |
| center | Последняя строка выравнивается по центру | |
| justify | Последняя строка оправдана, так как остальные строки | |
| start | Последняя строка выравнивается в начале строки (слева, если текст-направление слева направо, а справа-направление текста справа налево). | |
| end | Последняя строка выравнивается в конце строки (справа, если направление текста слева направо, а слева-направление текста справа-налево). | |
| initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | |
| inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Другие примеры
Пример
Используйте text-align-last только на самой последней строке в контейнере:
div.b p:last-child {
text-align-last: center;
}
Похожие страницы
CSS Справочник: CSS Text
HTML DOM Справочник: textAlignLast Свойство