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

text-justify = 
  auto             |
  none             |
  inter-word       |
  inter-character

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

Siehe auch

text-align