text-justify

Ограниченное использование

Эта функция не поддерживается Baseline, так как не работает в некоторых из наиболее широко используемых браузеров.

Свойство text-justify CSS задаёт тип выравнивания текста, когда свойство text-align: justify; установлено для элемента.

Синтаксис

text-justify: none;
text-justify: auto;
text-justify: inter-word;
text-justify: inter-character;
text-justify: distribute; /* Deprecated value */

/* Global values */
text-justify: inherit;
text-justify: initial;
text-justify: revert;
text-justify: revert-layer;
text-justify: unset;

Значения

none: Выравнивание текста отключено. Это имеет тот же эффект, что и отсутствие настройки свойства text-align вообще, хотя это полезно, если по какой-то причине необходимо включать и выключать выравнивание.
auto: Браузер выбирает наилучший тип выравнивания в зависимости от текущей ситуации, основываясь на балансе производительности и качества, а также на том, что наиболее подходит для языка текста (например, английский, CJK-языки и т. д.). Это по умолчанию используемое выравнивание, если свойство text-justify вообще не установлено.
inter-word: Текст выравнивается путём добавления пробелов между словами (в сущности, изменяя word-spacing), что наиболее подходит для языков, где слова разделяются пробелами, например, английский или корейский.
inter-character: Текст выравнивается путём добавления пробелов между символами (в сущности, изменяя letter-spacing), что наиболее подходит для языков, таких как японский.
distribute: Демонстрирует такое же поведение, как inter-character; это значение сохранено для обратной совместимости.

Формальное определение

Начальное значение	`auto`
Применяется к	элементы с типом inline и table-cell
Наследуется	да
Вычисленное значение	как указано
Тип анимации	дискретный

Формальный синтаксис

text-justify = 
  auto             |
  none             |
  inter-word       |
  inter-character

Примеры

Демонстрация различных значений text-justify

p {
  font-size: 1.5em;
  border: 1px solid black;
  padding: 10px;
  width: 95%;
  margin: 10px auto;
  text-align: justify;
}

.none {
  text-justify: none;
}

.auto {
  text-justify: auto;
}

.dist {
  text-justify: distribute;
}

.word {
  text-justify: inter-word;
}

.char {
  text-justify: inter-character;
}

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

Спецификация
CSS Text Module Level 3 # text-justify-property

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

	Рабочие столы					Мобильные устройства
	Хром	Эдж	Файрфокс	Опера	Сафари	Хром для Android	Файрфокс для Android	Опера для Android	Сафари для iOS	Samsung Internet	WebView для Android
`text-justify`	32 `inter-word` и `distribute` (устаревшие) значения поддерживаются, но поведение `distribute` некорректно.	79 `inter-word` и `distribute` (устаревшие) значения поддерживаются, но поведение `distribute` некорректно. 12–79 Стандартные значения `inter-character` и `none` поддерживаются. Устаревшее значение `distribute` также поддерживается.	55	19 `inter-word` и `distribute` (устаревшие) значения поддерживаются, но поведение `distribute` некорректно.	Нет	32 `inter-word` и `distribute` (устаревшие) значения поддерживаются, но поведение `distribute` некорректно.	55	Нет	Нет	Нет	Нет
`auto`	Нет	Нет	55	Нет	Нет	Нет	55	Нет	Нет	Нет	Нет
`inter-character`	Нет	Нет	5555	Нет	Нет	Нет	5555	Нет	Нет	Нет	Нет
`inter-word`	Нет	Нет	55	Нет	Нет	Нет	55	Нет	Нет	Нет	Нет
`none`	Нет	Нет	55	Нет	Нет	Нет	55	Нет	Нет	Нет	Нет

См. также

text-align

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/text-justify