text-justify CSS property
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Die text-justify CSS Eigenschaft legt fest, welche Art der Ausrichtung auf Text angewendet werden soll, wenn auf einem Element text-align: justify; gesetzt ist.
Syntax
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;
Werte
none-
Die Textausrichtung ist deaktiviert. Dies hat denselben Effekt, als würde
text-alignüberhaupt nicht gesetzt, ist jedoch nützlich, wenn Sie aus irgendeinem Grund die Ausrichtung ein- und ausschalten müssen. auto-
Der Browser wählt die am besten geeignete Art der Ausrichtung für die aktuelle Situation basierend auf einem Ausgleich zwischen Leistung und Qualität, sowie auf das, was für die Sprache des Textes am geeignetsten ist (z.B. Englisch, CJK-Sprachen usw.). Diese Ausrichtung ist die Standardeinstellung, wenn
text-justifyüberhaupt nicht gesetzt ist. inter-word-
Der Text wird durch Hinzufügen von Leerraum zwischen Wörtern ausgerichtet (effektiv durch Variieren von
word-spacing), was am besten für Sprachen geeignet ist, die Wörter mit Leerzeichen trennen, wie Englisch oder Koreanisch. inter-character-
Der Text wird durch Hinzufügen von Leerraum zwischen Zeichen ausgerichtet (effektiv durch Variieren von
letter-spacing), was am besten für Sprachen wie Japanisch geeignet ist. distribute-
Zeigt dasselbe Verhalten wie
inter-character; dieser Wert wird aus Gründen der Abwärtskompatibilität beibehalten.
Formale Definition
| Anfangswert | auto |
|---|---|
| Anwendbar auf | Inline- und table-cell Elemente |
| Vererbt | Ja |
| Berechneter Wert | wie angegeben |
| Animationstyp | diskret |
Formale Syntax
text-justify =
[ auto | none | inter-word | inter-character | ruby ] ||
no-compress
Beispiele
Demonstration der verschiedenen Werte von text-justify
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
| Spezifikation |
|---|
| CSS Text Module Level 3 # text-justify-property |