CSS-свойство text-justify
определяет какой тип выравнивания следует применить к тексту, когда text-align
: justify;
применяется к элементу.
text-justify: none;
text-justify: auto;
text-justify: inter-word;
text-justify: inter-character;
text-justify: distribute; /* Устаревшее значение */
Начальное значение | auto |
---|---|
Применяется к | строчным элементам и ячейкам таблиц |
Наследуется | да |
Обработка значения | как указано |
Animation type | discrete |
Синтаксис
Свойство text-justify
указывается как одно ключевое слово, выбранное из нижеследующего списка значений.
Значения
none
- Выравнивание текста отключено. Оно имеет такой же эффект как отсутствие применение свойства
text-align
, хотя оно полезно, если вам нужно включать и выключать выравнивание. auto
- Браузер выбирает лучший тип выравнивания в текущей ситуации, основываясь на балансе между производительностью и качеством, а также на том, что более подходит для языка текста (например, английского, иероглифных языков, и т.п.). Оно используется по умолчанию, если
text-justify
не установлен. inter-word
- Выравнивание текста по средствам добавления пробелов между словами (эффективно варьируя
word-spacing
), что наиболее подходит для языков, которые используют разделение слов пробелами, таких как английский или корейский. inter-character
- Выравнивание текста по средствам добавления пробелов между символами (effectively varying
letter-spacing
), что наиболее подходит для таких языков как японский. distribute
- Показывает тоже поведение, что и
inter-character
; это значение сохранилось для обратной совместимости.
Формальный синтаксис
Примеры
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' в этой спецификации. |
Рабочий черновик |
Поддержка браузерами
BCD tables only load in the browser
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.