text-align-last¶

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

Демо¶

Текст

Синтаксис¶

/* 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

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

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

CSS Text Module Level 3

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

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

<!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>