свойство text-align-lastCSS3-генератор ☛

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

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

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

Синтаксис ?

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

✖

Обозначения

	Описание	Пример
<тип>	Указывает тип значения.	<размер>
A && B	Значения должны выводиться в указанном порядке.	<размер> && <цвет>
A \| B	Указывает, что надо выбрать только одно значение из предложенных (A или B).	normal \| small-caps
A \|\| B	Каждое значение может использоваться самостоятельно или совместно с другими в произвольном порядке.	width \|\| count
[ ]	Группирует значения.	[ crop \|\| cross ]
*	Повторять ноль или больше раз.	[,<время>]*
+	Повторять один или больше раз.	<число>+
?	Указанный тип, слово или группа не является обязательным.	inset?
{A, B}	Повторять не менее A, но не более B раз.	<радиус>{1,4}
#	Повторять один или больше раз через запятую.	<время>#

Значения

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.

Браузеры: Настольные Мобильные ?

Internet Explorer	Chrome	Opera	Safari	Firefox
5.5				12

Android	Firefox Mobile	Opera Mobile	Safari Mobile
	12

✖

Браузеры

В таблице браузеров применяются следующие обозначения.

— элемент полностью поддерживается браузером;
— элемент браузером не воспринимается и игнорируется;
— при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Текст и шрифт