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