CSS/Eigenschaften/text-wrap

Browserunterstützung
caniuse.com

Die Eigenschaft text-wrap steuert, wie der Text innerhalb eines Elements umbrochen wird. Die verschiedenen Werte bieten:

• Typografische Verbesserungen, z. B. ausgewogenere Zeilenlängen bei umgebrochenen Überschriften
• Eine Möglichkeit, den Textumbruch komplett abzuschalten.

text-wrap ist eine Sammeleigenschaft für text-wrap-mode und text-wrap-style.

Erlaubte Werte

nowrap

Setzt text-wrap-mode:nowrap und verhindert den Zeilenumbruch.

wrap

Setzt text-wrap-mode:wrap und erlaubt damit den Zeilenumbruch.

Als Umbruchalgorithmus wird text-wrap-style:auto eingestellt.

balance

Setzt text-wrap-mode: wrap und text-wrap-style: balance.

Zeilen werden so umgebrochen, dass sie möglichst gleich lang sind.

pretty

Setzt text-wrap-mode: wrap und text-wrap-style: pretty.

Zeilen werden so umgebrochen, dass ein typographisch ansprechendes Layout entsteht.

Vorsicht - nur anwenden wenn unbedingt nötig, der Computer wird durch diesen Stil stärker belastet.

stable

Setzt text-wrap-mode: wrap und text-wrap-style: stable.

Relevant bei editierbaren Elementen, der Umbruch wird so gesteuert, dass der Cursor während des Editierens nicht springt.

Ausführliche Erklärungen zur Bedeutung der Werte finden Sie bei den Einzeleigenschaften

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

wrap

anwendbar auf

Blockelemente, in denen eine Inline-Formatierung durchgeführt wird (siehe Blockformatierungskontext).

Vererbung

ja

animierbar

ja, diskret

Beispiel

Beispiele finden sich im Tutorial Typographie/Textformatierung.

Beachten Sie: Die Langeigenschaft text-wrap-mode kann außer von text-wrap auch von der Sammeleigenschaft white-space beeinflusst werden! Wenn Sie einem Element beide Eigenschaften zuweisen, gewinnt der text-wrap-mode von derjenigen Sammeleigenschaft mit der höheren Spezifität.

Siehe auch

• Typografie/Textformatierung

Weblinks

• Spezifikation (CSSWG): 5. Text Wrapping (CSS Text Module Level 4 )
• MDN: text-wrap
• Details: caniuse.com