Оновлення з версією браузера
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 5.5+ | 12.0+ |
Коротка інформація
| Значення за замовчуванням | start |
|---|---|
| Наслідується | Так |
| Застосовується | До блокових елементів |
| Відсотковий запис | Не застосовується |
| Посилання на специфікацію | http://www.w3.org/TR/css3-text/#text-align-last |
Версії CSS
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
Опис
Встановлює вирівнювання останнього рядка тексту, коли властивість text-align встановлена як justify.
Синтаксис
text-align-last: start | end | left | right | center | justify
Значення
- start
- Рядок вирівнюється за початковим краєм блоку.
- end
- Рядок вирівнюється за кінцевим краєм блоку.
- left
- Рядок вирівнюється за лівим краєм.
- right
- Рядок вирівнюється за правим краєм.
- center
- Рядок вирівнюється по центру.
- justify
- Рядок вирівнюється за шириною. Якщо в останньому рядку є лише одне слово, то воно буде вирівняне за лівим краєм.
Вплив різних значень на положення тексту показано в табл. 1.
| Значення | Вирівнювання | Вигляд тексту |
|---|---|---|
| left | За лівим краєм | |
| right | За правим краєм | |
| center | По центру | |
| justify | За шириною |
Приклад
HTML5CSS2.1CSS3IECrOpSaFx
<!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>Браузери
Internet Explorer не підтримує значення start і end.
Firefox підтримує лише властивість з префіксом -moz-text-align-last.