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 */
Initialwertauto
Anwendbar aufInline- und table-cell Elemente
VererbtJa
Berechneter Wertwie angegeben
Animationstypdiskret

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
Zeigt das gleiche Verhalten wie inter-character; dieser Wert wird beibehalten, um AbwÀrtskompatibilitÀt zu gewÀhrleisten.

Formal syntax

auto | inter-character | inter-word | none

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

BrowserkompatibilitÀt

BCD tables only load in the browser

Siehe auch