Свойство text-align-last
Описание
Задаёт выравнивание последней строки блока текста.
Синтаксис
text-align-last: auto | start | end | left | right | center | justify;Подробности
| Значение | Описание |
| auto | Совпадает с выравниванием, заданным свойством text-align, за исключением значения justify. Для него выравнивание будет как start. |
| start | Строка выравнивается по начальному краю блока, который может меняться в зависимости от направления текста (слева направо или справа налево). |
| end | Строка выравнивается по конечному краю блока, он определяется направлением текста. |
| left | Строка выравнивается по левому краю. |
| right | Строка выравнивается по правому краю. |
| center | Строка выравнивается по центру. |
| justify | Строка выравнивается по ширине. Если в последней строке только одно слово, то оно будет выравнено по левому краю. |
Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
#test-text {
padding: 20px;
background-color: rgb(140, 206, 228);
text-align-last: right;
}
</style>
<div id='test-text'>
Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Пунктуация даже заголовок меня маленькая вершину ipsum диких свою. Назад маленький рукопись взобравшись алфавит единственное. Пунктуация даже заголовок меня маленькая вершину ipsum диких свою. Ручеек путь текстов реторический.
</div>
</body>
</html>Читайте также
Свойство
Устанавливает радиус скругления левого нижнего угла рамки.
Если рамка не задана, то скругление также происходит и с фоном....
Свойство flex-wrap
Указывает, следует ли флексам располагаться в одну строку или можно занять несколько строк.
Если перенос строк допускается, то свойство также п...
Свойство word-break
Указывает, как делать перенос строк внутри слов, которые не помещаются по ширине в заданную область....
Родственные селекторы
Родственные селекторы по своему поведению похожи на соседние селекторы (запись вида E + F), но в отличие от них стилевые правила применяются ко всем б...