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
Animationstyp	diskret
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 Module 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

Browser Kompatibilität

Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format. Diese Kompatibilitätstabelle liegt noch im alten Format vor, denn die darin enthaltenen Daten wurden noch nicht konvertiert. Finde heraus wie du helfen kannst!

Desktop
Mobile

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 */
}