| 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 | по ширині |  |
Приклад
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
<!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 .