white-space

Zusammenfassung

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

  • Standardwert normal
  • Anwendbar auf Alle Elemente
  • Vererbt Ja
  • Prozentwerte
  • Medium visuell
  • Berechneter Wert siehe Spezifikation
  • Animierbar Nein
  • Canonical order the unique non-ambiguous order defined by the formal grammar

Syntax

Formal syntax: normal | pre | nowrap | pre-wrap | pre-line
white-space: normal
white-space: nowrap
white-space: pre
white-space: pre-wrap
white-space: pre-line

white-space: inherit

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 werdenan Zeilenumbruch-Zeichen, an <br> und am 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

Beispiele

code { 
  white-space: pre; 
}

Spezifikationen

Spezifikation Status Kommentar
CSS Text Level 3 Working Draft Präzisiert den Umbruch-Algorithmus. Äußerlich bewirkt der white-space eine kompakte Eigenschaft.
CSS Level 2 (Revision 1) Recommendation Anfänglichespezifikation.

Browser compatibility

Eigenschaft Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Grundlegende Unterstützung (normal und nowrap) 1.0 1.0 (1.7 or earlier) 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 or earlier) — 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 */
}

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: Unity
Zuletzt aktualisiert von: Unity,
Seitenleiste ausblenden