CSS white-spaceEigenschaft


Beispiel

Gibt an, dass Text in einem Absatz nicht umgebrochen wird:

p { white-space:nowrap; }

Selbst ausprobieren »

Eigenschaftsdefinition und Verwendungshinweise

Die white-space-Eigenschaft gibt an, wie Leerraum innerhalb eines Elements behandelt wird.

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

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft unterstützt.

Eigenschaft
white-space 1.0 5.5 3.5 3.0 9.5

Syntax

/* 值 */
white-space: normal;
white-space: nowrap;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
white-space: break-spaces;

/* 全局值 */
white-space: inherit;
white-space: initial;
white-space: revert;
white-space: revert-layer;
white-space: unset;

Eigenschaftswert

Wert Beschreibung
normal Standard. Leerraum wird vom Browser ignoriert.
pre Leerraum wird vom Browser beibehalten. Das Verhalten ähnelt dem <pre>-Tag in HTML.
nowrap Text wird nicht umgebrochen; er wird in derselben Zeile fortgesetzt, bis ein <br>-Tag erreicht wird.
pre-wrap Whitespace-Sequenzen werden beibehalten, aber Zeilenumbrüche erfolgen normal.
pre-line Whitespace-Sequenzen werden zusammengefasst, aber Zeilenumbrüche bleiben erhalten.
inherit Gibt an, dass der Wert der white-space-Eigenschaft vom übergeordneten Element geerbt werden soll.

Verhalten verschiedener white-space-Werte:

Zeilenumbruch Leerzeichen und Tabulatoren Textumbruch Nachgestellte Leerzeichen
normal Merge Merge Zeilenumbruch Delete
nowrap Merge Merge nowrap Delete
pre beibehalten beibehalten nowrap beibehalten
pre-wrap beibehalten beibehalten Zeilenumbruch aussetzen
pre-line beibehalten Merge Zeilenumbruch Delete
break-spaces beibehalten beibehalten Zeilenumbruch Zeilenumbruch

Ähnliche Artikel

CSS-Tutorial:CSS-Text

Weitere Erweiterungen