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 | 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 для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
text-justifyChrome Полная поддержка 32
Замечания Отключено
Полная поддержка 32
Замечания Отключено
Замечания inter-word and distribute (deprecated) values are supported, but distribute behavior is buggy.
Отключено From version 32: 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 Полная поддержка 12
Замечания
Полная поддержка 12
Замечания
Замечания Standard values inter-character and none are supported. The deprecated distribute value is also supported.
Firefox Полная поддержка 55
Полная поддержка 55
Полная поддержка 54
Отключено
Отключено From version 54: this feature is behind the layout.css.text-justify.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Полная поддержка 11
Замечания
Полная поддержка 11
Замечания
Замечания Standard values inter-character and none are supported. The deprecated distribute value is also supported.
Opera Полная поддержка 19
Замечания Отключено
Полная поддержка 19
Замечания Отключено
Замечания inter-word and distribute (deprecated) values are supported, but distribute behavior is buggy.
Отключено From version 19: this feature is behind the Enable Experimental Web Platform Features preference (needs to be set to true).
Safari Нет поддержки Нет
Замечания
Нет поддержки Нет
Замечания
Замечания See bug 9945.
WebView Android Нет поддержки НетChrome Android Полная поддержка 32
Замечания Отключено
Полная поддержка 32
Замечания Отключено
Замечания inter-word and distribute (deprecated) values are supported, but distribute behavior is buggy.
Отключено From version 32: 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.
Firefox Android Полная поддержка 55
Полная поддержка 55
Полная поддержка 54
Отключено
Отключено From version 54: this feature is behind the layout.css.text-justify.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Полная поддержка 19
Замечания Отключено
Полная поддержка 19
Замечания Отключено
Замечания inter-word and distribute (deprecated) values are supported, but distribute behavior is buggy.
Отключено From version 19: this feature is behind the Enable Experimental Web Platform Features preference (needs to be set to true).
Safari iOS Нет поддержки Нет
Замечания
Нет поддержки Нет
Замечания
Замечания See bug 9945.
Samsung Internet Android Нет поддержки Нет

Легенда

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

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