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

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>

Комментарии