text-align-last

Содержание

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

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

Значение по умолчаниюstart
НаследуетсяДа
ПрименяетсяК блочным элементам

Синтаксис

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

Значения

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

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

Табл. 1. Влияние значений text-align-last
ЗначениеВыравниваниеВид текста
leftПо левому краю
rightПо правому краю
centerПо центру
justifyПо ширине

Пример

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

Объектная модель

Объект.style.textAlignLast

Примечание

Internet Explorer не поддерживает значения start и end.

Firefox поддерживает только свойство с префиксом -moz-text-align-last.

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

СпецификацияСтатус
CSS Text Level 3Рабочий проект

Браузеры

Internet ExplorerChromeOperaSafariFirefox
5.512
AndroidFirefox MobileOpera MobileSafari Mobile
12




Рекомендую хостинг: beget.ru

Сервер падал:6 дн. 3:32 назад.

Посещений в месяц:205640

Посещений в день:100


+7 (951) 527 0204

+7 (928) 103 4987

programmer@niesoft.ru