text-justify

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 typediscrete

Синтаксис

Свойство text-justify указывается как одно ключевое слово, выбранное из нижеследующего списка значений.

Значения

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

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

auto | (en-US) inter-character | (en-US) inter-word | (en-US) none

Примеры

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

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