text-align-last

Baseline 2022

Newly available

Since September 2022, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Экспериментальная возможность: Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.

Кратко

text-align-last CSS-свойство описывает как выравнивается последняя строка в блоке или строка, идущая сразу перед принудительным разрывом строки.

Начальное значение	`auto`
Применяется к	блочные контейнеры
Наследуется	да
Обработка значения	как указано
Animation type	discrete

Синтаксис

Formal syntax:

text-align-last = 
  auto          |
  start         |
  end           |
  left          |
  right         |
  center        |
  justify       |
  match-parent

css

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

text-align-last: inherit

Значения

auto: Затронутая строка выравнивается в зависимости от значения text-align, за исключением text-align со значением justify, в этом случае эффект такой же как установить text-align-last равным left.
start: Подобно left если направление слева направо, и right если направление справа налево.
end: Подобно right если направление слева направо, и left если направление справа налево.
left: Линейное содержимое выравнивается по левому краю линейного блока.
right: Линейное содержимое выравнивается по правому краю линейного блока.
center: Линейное содержимое центрируется внутри линейного блока.
justify: Текст выравнивается по ширине. Тексту следует выстраивать свои левые и правые границы по левым и правым границам содержимого параграфа.

Примеры

css

div {
  text-align: justify;
  -moz-text-align-last: center;
  text-align-last: center;
}

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

Specification
CSS Text Module Level 3 # text-align-last-property

Совместимость с браузерами

BCD tables only load in the browser

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

text-align