CSS/Eigenschaften/text-wrap

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.

Erlaubte Werte

• wrap
• nowrap
• balance
• pretty
• stable

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

wrap

anwendbar auf

Text und Blockelemente

Vererbung

ja

animierbar

ja, diskret

Beispiel

<h2 class="wrap" contenteditable="true">
  The default behavior; the text in the heading wraps "normally"
</h2>

<h2 class="nowrap" contenteditable="true">
  In this case the text in the heading doesn't wrap, and overflows the container
</h2>

<h2 class="balance" contenteditable="true">
  In this case the text in the heading is nicely balanced across lines
</h2>

}

Beachten Sie: Die Eigenschaften white-space-collapse und text-wrap können zusammen mit der Shorthand-Eigenschaft white-space deklariert werden.

Siehe auch

• Typografie/Textformatierung

Weblinks

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