white-space

Zusammenfassung

Die white-space CSS-Einstellung wird benutzt, um Leerzeichen innerhalb eines Elementes zu handhaben.

Initialwert	`normal`
Anwendbar auf	alle Elemente
Vererbt	Ja
Medien	visuell
Berechneter Wert	wie angegeben
Animierbar	Nein
Kanonische Reihenfolge	die eindeutige Reihenfolge definiert durch die formale Grammatik

Syntax

/* Schlüsselwortwerte */
white-space: normal;
white-space: nowrap;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;

/* Globale Werte */
white-space: inherit;
white-space: initial;
white-space: unset;

Werte

normal: Aufeinanderfolgende Leerzeichen fallen zusammen. Zeilenumbruch-Zeichen im Quellcode werden als andere Leerzeichen gehandhabt. Bricht Zeilen notwendigen Stellen um und füllt die Zeile.
nowrap: Wie normal, aber unterdrückt Zeilenumbrüche im Text.
pre: Aufeinanderfolgende Leerzeichen bleiben erhalten, Zeilen werden nur an Zeilenumbruch-Zeichen im Quellcode und an <br>-Elementen gebrochen.
pre-wrap: Aufeinanderfolgende Leerzeichen bleiben erhalten. Zeilen werden an Zeilenumbruch-Zeichen, an <br> und an notwendigen Stellen um die Zeile zu füllen umgebrochen.
pre-line: Aufeinanderfolgende Leerzeichen fallen zusammen. Zeilen werden an Zeilenumbruch-Zeichen, an <br> und an notwendigen Stellen um die Zeile zu füllen umgebrochen.

The following table summarizes the behavior of various white-space values:

	Neue Zeilen	Leerzeichen und Tabulatoren	Textumbruch
`normal`	Fallen zusammen	Fallen zusammen	Umbruch
`nowrap`	Fallen zusammen	Fallen zusammen	Kein Umbruch
`pre`	Bleiben erhalten	Preserve	Kein Umbruch
`pre-wrap`	Bleiben erhalten	Preserve	Umbruch
`pre-line`	Bleiben erhalten	Fallen zusammen	Umbruch

Formale Syntax

normal | pre | nowrap | pre-wrap | pre-line

Beispiele

code { 
  white-space: pre; 
}

Spezifikationen

Spezifikation	Status	Kommentar
CSS Text Level 3 Die Definition von 'white-space' in dieser Spezifikation.	Arbeitsentwurf	Präzisiert den Umbruch-Algorithmus. Äußerlich bewirkt der `white-space` eine kompakte Eigenschaft.
CSS Level 2 (Revision 1) Die Definition von 'white-space' in dieser Spezifikation.	Empfehlung	Ursprüngliche Definition

Eigenschaft	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Grundlegende Unterstützung (`normal` und `nowrap`)	1.0	1.0 (1.7 oder früher)	5.5 [*]	4.0	1.0 (85)
`pre`	1.0	1.0	6.0	4.0	1.0 (85)
`pre-wrap`	1.0	1.0 (1.7 oder früher) — 3.5 (1.9.1)-moz 3.0 (1.9)	8.0	8.0	3.0 (522)
`pre-line`	1.0	3.5 (1.9.1)	8.0	9.5	3.0 (522)

[*] Internet Explorer 5.5+ supports word-wrap: break-word;
The following code allows line breaking inside pre elements:

pre {
  word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}