CSS white-space Eigenschaft

Definition und Verwendung

Die white-space-Eigenschaft legt fest, wie Leerzeichen im Element behandelt werden.

Diese Eigenschaft beschreibt, wie Leerzeichen im Layout-Prozess des Elements behandelt werden. Die Werte pre-wrap und pre-line sind in CSS 2.1 hinzugekommen.

Weitere Informationen:

CSS-Tutorial:CSS Text

HTML DOM Referenzhandbuch:whiteSpace-Eigenschaft

Beispiel

Legt fest, dass der Text in einem Absatz nicht umbrochen wird:

p
  {
  white-space: nowrap;
  }

Versuchen Sie es selbst

CSS-Syntax

white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;

Eigenschaftswert

Wert Beschreibung
normal Standard. Leerzeichen werden vom Browser ignoriert.
pre Leerzeichen werden vom Browser beibehalten. Das Verhalten ist ähnlich wie das HTML-Tag <pre>.
nowrap Der Text wird nicht umbrochen, und der Text wird auf einer Zeile fortgesetzt, bis der <br>-Tag erreicht wird.
pre-wrap Leerzeichenfolgen werden beibehalten, aber Zeilenumbrüche werden normal durchgeführt.
pre-line Leerzeichenfolgen werden zusammengefasst, aber Zeilenumbrüche werden beibehalten.
inherit Es wird festgelegt, dass der Wert der Eigenschaft white-space von dem übergeordneten Element geerbt werden soll.

Technische Details

Standardwert: normal
Vererbbarkeit: ja
Version: CSS1
JavaScript-Syntax: object.style.whiteSpace="pre"

Mehr Beispiele

Textumbruch in Elementen verhindern
Dieses Beispiel zeigt, wie man das Umbruch von Text in einem Element verhindert.

Browser-Unterstützung

Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die diese Eigenschaft vollständig unterstützt.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 3.5 3.0 9.5