✔text-align-last

22 марта 2016 3 009 Справочник CSS 2

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.

Синтаксис

Значения

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>