Перейти к содержанию

text-align-last

Свойство text-align-last задаёт выравнивание последней строки текста, когда свойство text-align установлено как justify.

Демо

Текст

Синтаксис

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
/* 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

Применяется к блочным элементам

Спецификации

Поддержка браузерами

Описание и примеры

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!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>

Комментарии