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 |
Browser Kompatibilität
| 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 */
}