CSS text-justify Eigenschaft

Definition und Verwendung

Die text-justify-Eigenschaft legt die Ausrichtung der Texte fest, wenn text-align auf "justify" gesetzt ist.

Diese Eigenschaft legt fest, wie Zeilen textartige Inhalte ausrichten und trennen.

Beispiel

Verändern Sie den Abstand zwischen den Wörtern durch Ausrichten der Zeilen:

div
{
text-align:justify;
text-justify:inter-word;
}

Versuchen Sie es selbst aus

CSS-Syntax

text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;

Eigenschaftswert

Wert Beschreibung Test
auto Der Browser entscheidet über den Ausrichtungsalgorithmus. Test
none Ausrichten der Zeilen deaktivieren. Test
inter-word Zwischenraum zwischen Wörtern erhöhen oder verringern. Test
inter-ideograph Inhalte mit semantischen Texten ausrichten. Test
inter-cluster Ausrichten nur für Inhalte, die keine internen Wortabstände enthalten (z.B. asiatische Sprachsysteme). Test
distribute Ähnlich wie Zeitungsausschnitte, außer dass die letzte Zeile in den ostasiatischen Sprachsystemen nicht ausgerichtet ist. Test
kashida Inhalte durch Ausdehnen der Zeichen ausrichten. Test

Technische Details

Standardwert: auto
Vererbbarkeit: ja
Version: CSS3
JavaScript-Syntax: object.style.textJustify="inter-word"

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die die Eigenschaft vollständig unterstützt.

Chrome IE / Edge Firefox Safari Opera
Unterstützt * 11.0 55.0 10.0.3 Unterstützt *

* Diese Funktion befindet sich unter "Experimentelle Webplattformfunktionen aktivieren" in den Einstellungen (muss auf "Eingeschaltet" gesetzt werden). Um die Einstellungen in Chrome zu ändern: Geben Sie "chrome://flags" im Chrome-Browser ein. Um die Einstellungen in Opera zu ändern: Geben Sie "flags" im Opera-Browser ein.