text-align-last

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

Синтаксис

text-align-last: start | end | left | right | center | justify

Значения

start
Строка выравнивается по начальному краю блока.
end
Строка выравнивается по конечному краю блока.
left
Строка выравнивается по левому краю.
right
Строка выравнивается по правому краю.
center
Строка выравнивается по центру.
justify
Строка выравнивается по ширине. Если в последней строке только одно слово, то оно будет выравнено по левому краю.

Влияние разных значений на положение текста показано в табл. 1.

Табл. 1. Влияние значений text-align-last
ЗначениеВыравниваниеВид текста
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.

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
5.5+12.0+

Краткая информация

Значение по умолчанию start
НаследуетсяДа
ПрименяетсяК блочным элементам
Процентная записьНеприменима
Ссылка на спецификацию http://www.w3.org/TR/css3-text/#text-align-last

Версии CSS

CSS 1CSS 2CSS 2.1CSS 3