text-justify
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
CSS-свойство text-justify определяет какой тип выравнивания следует применить к тексту, когда text-align: justify; применяется к элементу.
Синтаксис
/* Ключевые слова */ text-justify: none; text-justify: auto; text-justify: inter-word; text-justify: inter-character; text-justify: distribute; /* Устаревшее значение */ /* Глобальные значения */ text-justify: inherit; text-justify: initial; text-justify: revert; text-justify: revert-layer; text-justify: unset; Свойство text-justify указывается как одно ключевое слово, выбранное из нижеследующего списка значений.
Значения
none-
Выравнивание текста отключено. Оно имеет такой же эффект как отсутствие применение свойства
text-align, хотя оно полезно, если вам нужно включать и выключать выравнивание. auto-
Браузер выбирает лучший тип выравнивания в текущей ситуации, основываясь на балансе между производительностью и качеством, а также на том, что более подходит для языка текста (например, английского, иероглифных языков, и т.п.). Оно используется по умолчанию, если
text-justifyне установлен. inter-word-
Выравнивание текста по средствам добавления пробелов между словами (эффективно варьируя
word-spacing), что наиболее подходит для языков, которые используют разделение слов пробелами, таких как английский или корейский. inter-character-
Выравнивание текста по средствам добавления пробелов между символами (effectively varying
letter-spacing), что наиболее подходит для таких языков как японский. distributeУстарело-
Показывает тоже поведение, что и
inter-character; это значение сохранилось для обратной совместимости.
Формальное определение
| Начальное значение | auto |
|---|---|
| Применяется к | строчным элементам и ячейкам таблиц |
| Наследуется | да |
| Обработка значения | как указано |
| Animation type | discrete |
Формальный синтаксис
text-justify =
auto |
none |
inter-word |
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; } Спецификации
| Specification |
|---|
| CSS Text Module Level 3 # text-justify-property |
Совместимость с браузерами
Loading…