Свойство text-align-last

Свойство text-align-last определяет способ выравнивания по горизонтали для последней строки текста в блоке или для строки идущей непосредственно перед принудительным разрывом. Если в тоже время строка является первой строкой блока, или первой строкой после принудительного разрыва, то свойство text-align-last имеет приоритет над свойством text-align. Только в случае, когда для свойства text-align явно указано значение выравнивание для первой и последней строк (в виде 'start end'), text-align имеет приоритет.

Свойство text-align-last определено в спецификации CSS 3 модуль Text Level 3 (текст, уровень 3), применяется к блочные элементы, и действует на всех визуальные носителях, его значение наследуется от родительского элемента в иерархии документа, и по умолчанию принимает значение auto. На данный момент в браузерах Chrome, Safari, Opera поддержка данного свойства не реализована.

Допустимые значения

  • auto
    auto - значение устанавливается автоматически в зависимости от значения свойства text-align и text-justify. В случае, если text-align установлено в "justify", то, по умолчанию, текст на последней линии выравнивается по началу блока, и по ширине, если значение свойства text-justify установлено в 'distribute'. Во всех остальных случаях текст последней строки выравнивается так же, как установлено для остального текста.
  • left
    left - выравнивание по левому краю блока
  • right
    right - выравнивание по правому краю блока
  • justify
    justify - выравнивание по ширине блока
  • center
    center - выравнивание по центру блока
  • start
    start - выравнивание по левому краю блока, если установлено направление письма "слева-направо" (direction: ltr), и по правому краю, если установлено направление письма "справа налево" (direction: rtl)
  • end
    end - выравнивание по правому краю блока, если установлено направление письма "слева-направо" (direction: ltr), и по левому краю, если установлено направление письма "справа налево" (direction: rtl)
  • inherit - наследует значение от родительского элемента

Примеры использования

CSS код
  • text-align: justify direction: ltr text-align-last: center
  • text-align: justify direction: ltr text-align-last: justify
  • text-align: justify direction: ltr text-align-last: left
  • text-align: justify direction: ltr text-align-last: right
  • text-align: justify direction: ltr text-align-last: start
  • text-align: justify direction: ltr text-align-last: end
  • text-align: justify direction: rtl text-align-last: start
  • text-align: justify direction: rtl text-align-last: end
HTML
Ярмарка, раскинувшаяся по выгону на целую версту, была, как всегда, шумна, бестолкова. Стоял нестройный гомон, ржание лошадей, трели детских свистулек, марши и польки гремящих на каруселях оркестрионов. Говорливая толпа мужиков и баб валом валила с утра до вечеру по пыльным, унавоженным переулкам между телегами и палатками, лошадьми и коровами, балаганами и съестными, откуда несло вонючим чадом спальных жаровен.

Смотри также:

  • text-align - способ выравнивания по горизонтали

Краткое описание

способ выравнивания по горизонтали последней строки текста

Синтаксис:

auto | start | end | left | right | center | justify | inherit

По умолчанию:

auto

Применяется к:

блочные элементы

Наследование:

не наследуется

Тип носителя:

визуальные

Объектная модель документа (DOM):

[элемент].style.['text-align-last']

Кроссбраузерная совместимость

Internet Explorer

55.5678910a
-+/-+/-+/-+/-+/-+/-

Firefox

2.03.03.53.64.05.06.07.08.09.010.011.012.013.0
-------------+

Chrome

не поддерживается

Safari

не поддерживается

Opera

не поддерживается