Zusammenfassung

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

Initialwertnormal
Anwendbar aufalle Elemente
VererbtJa
Medienvisuell
Berechneter Wertwie angegeben
Animationstypdiskret
Kanonische Reihenfolgedie 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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidEdge MobileFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
Grundlegende UnterstützungChrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 1IE Vollständige Unterstützung 5.5Opera Vollständige Unterstützung 4Safari Vollständige Unterstützung 1WebView Android ? Chrome Android ? Edge Mobile Vollständige Unterstützung JaFirefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
preChrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 1IE Vollständige Unterstützung 6Opera Vollständige Unterstützung 4Safari Vollständige Unterstützung 1WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
pre-wrapChrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 3
Vollständige Unterstützung 3
Keine Unterstützung 1 — 3.6
Mit Präfix
Mit Präfix Benötigt das Herstellerpräfix: -moz-
IE Vollständige Unterstützung 8
Hinweise
Vollständige Unterstützung 8
Hinweise
Hinweise From Internet Explorer 5.5 to 7, word-wrap: break-word; can be used for line breaks in pre elements.
Opera Vollständige Unterstützung 8Safari Vollständige Unterstützung 3WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
pre-lineChrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 3.5IE Vollständige Unterstützung 8Opera Vollständige Unterstützung 9.5Safari Vollständige Unterstützung 3WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Support on <textarea>Chrome Vollständige Unterstützung 1Edge ? Firefox Vollständige Unterstützung 36IE Vollständige Unterstützung 5.5Opera Vollständige Unterstützung 4Safari Vollständige Unterstützung 1WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Support in SVGChrome Keine Unterstützung NeinEdge ? Firefox Vollständige Unterstützung 36IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android Keine Unterstützung Nein

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Keine Unterstützung  
Keine Unterstützung
Kompatibilität unbekannt  
Kompatibilität unbekannt
Siehe Implementierungshinweise.
Siehe Implementierungshinweise.
Benötigt ein Herstellerpräfix oder einen anderen Namen zur Verwendung.
Benötigt ein Herstellerpräfix oder einen anderen Namen zur Verwendung.

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: SJW, fscholz, Sebastianz, kelunik, bee8bit, Unity
Zuletzt aktualisiert von: SJW,