Перейти к содержанию

text-justify

Свойство text-justify определяет какой тип выравнивания следует применить к тексту, когда text-align: justify; применяется к элементу.

Текст

Синтаксис

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
text-justify: none;
text-justify: auto;
text-justify: inter-word;
text-justify: inter-character;
text-justify: distribute; /* Deprecated value */

/* Global values */
text-justify: inherit;
text-justify: initial;
text-justify: revert;
text-justify: revert-layer;
text-justify: unset;

Значения

none

Выравнивание текста отключено. Оно имеет такой же эффект как отсутствие применение свойства text-align, хотя оно полезно, если вам нужно включать и выключать выравнивание.

auto

Браузер выбирает лучший тип выравнивания в текущей ситуации, основываясь на балансе между производительностью и качеством, а также на том, что более подходит для языка текста (например, английского, иероглифных языков, и т. п.). Оно используется по умолчанию, если text-justify не установлен.

inter-word

Выравнивание текста по средствам добавления пробелов между словами (эффективно варьируя word-spacing), что наиболее подходит для языков, которые используют разделение слов пробелами, таких как английский или корейский.

inter-character

Выравнивание текста по средствам добавления пробелов между символами (эффективно варьируя letter-spacing), что наиболее подходит для таких языков как японский.

distribute

Показывает тоже поведение, что и inter-character это значение сохранилось для обратной совместимости.

Спецификация

Пример

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
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;
}

См. также

Ссылки

Комментарии