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 | inter-character | inter-word | 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' в этой спецификации.
Рабочий черновик  

Поддержка браузерами

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidEdge MobileFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
text-justify
Экспериментальная
Chrome Полная поддержка Да
Замечания Отключено
Полная поддержка Да
Замечания Отключено
Замечания inter-word and distribute (deprecated) values are supported, but distribute behavior is buggy.
Отключено This feature is behind the Enable Experimental Web Platform Features preference (needs to be set to true). To change preferences in Chrome, visit chrome://flags.
Edge Полная поддержка 14
Замечания
Полная поддержка 14
Замечания
Замечания Standard values inter-character and none are supported. The deprecated distribute value is also supported.
Firefox Полная поддержка 55IE Полная поддержка 11
Замечания
Полная поддержка 11
Замечания
Замечания Standard values inter-character and none are supported. The deprecated distribute value is also supported.
Opera Полная поддержка Да
Замечания Отключено
Полная поддержка Да
Замечания Отключено
Замечания inter-word and distribute (deprecated) values are supported, but distribute behavior is buggy.
Отключено This feature is behind the Enable Experimental Web Platform Features preference (needs to be set to true).
Safari Нет поддержки НетWebView Android Нет поддержки НетChrome Android Полная поддержка Да
Замечания Отключено
Полная поддержка Да
Замечания Отключено
Замечания inter-word and distribute (deprecated) values are supported, but distribute behavior is buggy.
Отключено This feature is behind the Enable Experimental Web Platform Features preference (needs to be set to true). To change preferences in Chrome, visit chrome://flags.
Edge Mobile Полная поддержка 14
Замечания
Полная поддержка 14
Замечания
Замечания Standard values inter-character and none are supported. The deprecated distribute value is also supported.
Firefox Android Полная поддержка 55Opera Android Полная поддержка Да
Замечания Отключено
Полная поддержка Да
Замечания Отключено
Замечания inter-word and distribute (deprecated) values are supported, but distribute behavior is buggy.
Отключено This feature is behind the Enable Experimental Web Platform Features preference (needs to be set to true).
Safari iOS Нет поддержки НетSamsung Internet Android Полная поддержка Да

Легенда

Полная поддержка  
Полная поддержка
Нет поддержки  
Нет поддержки
Экспериментальная. Ожидаемое поведение может измениться в будущем.
Экспериментальная. Ожидаемое поведение может измениться в будущем.
Смотрите замечания реализации.
Смотрите замечания реализации.
Пользователь должен сам включить эту возможность.
Пользователь должен сам включить эту возможность.

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

Метки документа и участники

Внесли вклад в эту страницу: opereverzeva
Обновлялась последний раз: opereverzeva,