css властивість text-justify

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

В якості значення властивість приймає ключове слово, яке і описує алгоритм вирівнювання тексту.

правити

Нотатка

Ця властивість підтримується тільки в браузері Internet Explorer і Firefox (з 55 версії).

автор: Svitlana правити

+ додати пораду чи нотатку

Синтаксис

text-justify: auto | inter-character | inter-word | none | initial | inherit;

Властивість text-justify може отримувати 6 значень:

auto

Браузер самостійно визначає алгоритм вирівнювання.

автор: Svitlana

правити

inter-word

Буде змінюватися інтервал між словами.

автор: Svitlana

правити

inter-character

Збільшує / зменшує пробіл між символами.

автор: Svitlana

правити

none

Забороняє методи вирівнювання.

автор: Svitlana

правити

initial

Встановлює властивість у значення без задання

автор: Svitlana

правити

inherit

Вказує на спадковість властивості від свого батьківського елемента.

автор: Svitlana

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
text-justify	Не підтримується	55.0	Не підтримується	Не підтримується	18.0	11.0

Підтримка: мобільні переглядачі

Переглядач
text-justify	Не підтримується	Не підтримується	Не підтримується

Приклади

+ запропонувати свій приклад у пісочниці

<div>Вузька колонка з вирівнюванням за шириною добре показує, як браузер розтягує проміжки між словами, аби обидва краї були рівними.</div>

div {
    width: 220px;
    text-align: justify;
    text-justify: inter-word;
}