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 This deprecated API should no longer be used, but will probably still work.
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

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