text-align-last¶
Свойство text-align-last
задаёт выравнивание последней строки текста, когда свойство text-align
установлено как justify
.
Текст
- letter-spacing
- text-decoration
- text-decoration-color
- text-decoration-line
- text-decoration-style
- text-decoration-thickness
- text-decoration-skip
- text-decoration-skip-ink
- text-emphasis
- text-emphasis-color
- text-emphasis-position
- text-emphasis-style
- text-indent
- text-rendering
- text-shadow
- text-underline-position
- text-transform
- white-space
- word-spacing
Синтаксис¶
/* Keyword values */
text-align-last: auto;
text-align-last: start;
text-align-last: end;
text-align-last: left;
text-align-last: right;
text-align-last: center;
text-align-last: justify;
/* Global values */
text-align-last: inherit;
text-align-last: initial;
text-align-last: unset;
Значения¶
start
- Строка выравнивается по начальному краю блока.
end
- Строка выравнивается по конечному краю блока.
left
- Строка выравнивается по левому краю.
right
- Строка выравнивается по правому краю.
center
- Строка выравнивается по центру.
justify
- Строка выравнивается по ширине. Если в последней строке только одно слово, то оно будет выравнено по левому краю.
Примечание¶
Internet Explorer не поддерживает значения start
и end
.
Firefox до версии 49 поддерживает свойство -moz-text-align-last
.
Значение по-умолчанию: start
Применяется к блочным элементам
Спецификации¶
Поддержка браузерами¶
Описание и примеры¶
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>text-align-last</title>
<style>
div {
width: 300px;
text-align: justify;
text-align-last: justify;
}
</style>
</head>
<body>
<div>
При переходе через горы опирайся на долину;
располагайся на высотах, смотря, где солнечная
сторона. При бое с противником, находящимся на
возвышенности, не иди прямо вверх. Таково расположение
войска в горах.
</div>
</body>
</html>