text-justify
Die CSS Eigenschaft text-justify
legt fest, wie der Blocksatz ausgeführt werden soll, wenn ein Element auf text-align
: justify;
gesetzt ist.
text-justify: none;
text-justify: auto;
text-justify: inter-word;
text-justify: inter-character;
text-justify: distribute; /* Deprecated value */
Initialwert | auto |
---|---|
Anwendbar auf | Inline- und table-cell Elemente |
Vererbt | Ja |
Berechneter Wert | wie angegeben |
Animationstyp | diskret |
Syntax
Die Eigenschaft text-justify
wird mit einem der Schlüsselwörter aus der folgenden Liste definiert.
Values
none
- Der Blocksatz ist abgeschaltet. Dies hat den gleichen Effekt wie wenn
text-align
überhaupt nicht definiert ist. Diese Einstellung is nützlich, wenn man den Blocksatz dynamisch ein- und ausschalten möchte. auto
- Der Browser entscheidet, wie der Blocksatz ausgeführt wird, abhängig von Performance und Qualität, aber auch, was angemessen ist für die Sprache des Textes (z.B. Deutsch, asiatische Sprachen). Dies ist die Standardeinstellung, wenn
text-justify
nicht definiert ist. inter-word
- Um den Blocksatz zu erreichen, wird Weißraum zwischen den Wörtern eingefügt (also eine Variante zu
word-spacing
). Diese Form ist gebräuchlich für Sprachen, die Wörter mit Leerzeichen trennen, wie Deutsch oder Koreanisch. inter-character
- Um den Blocksatz zu erreichen, wird Weißraum zwischen den Zeichen eingefügt (also eine Variante zu
letter-spacing
). Diese Form ist gebräuchlich für Sprachen wie Japanisch. distribute
Deprecated- Zeigt das gleiche Verhalten wie
inter-character
; dieser Wert wird beibehalten, um Abwärtskompatibilität zu gewährleisten.
Formal syntax
Beispiele
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;
}
Spezifikationen
Specification | Status | Comment |
---|---|---|
CSS Text Module Level 3 Die Definition von 'text-justify' in dieser Spezifikation. |
Anwärter Empfehlung |
Browserkompatibilität
BCD tables only load in the browser