CSS Referenz white-space

0 | 0 Kommentare | 1452 Aufrufe
Sie können diese Wikiseite nach der Anmeldung auf Webmasterpro bearbeiten. Helfen Sie mit und verbessern Sie "CSS Referenz white-space" mit Ihrem Wissen!

Anzeige Hier werben

white-space

Werte: normal, pre, nowrap, pre-wrap, pre-line, inherit
Standardwert: normal
Vererbung: ja
Kurzschreibweise: -
Anwendbar auf: Block-Level Elemente
CSS-Level: CSS1, CSS2.1, CSS3

Mit der CSS-Eigenschaft white-space wird definiert, wie mit in Elementen vorhandenen Zeilenumbrüchen und Leerzeichen umgegangen wird.

white-space: normal;

Firefox2Unterstützt3Unterstützt3.5Unterstützt
IE6Unterstützt7Unterstützt8Unterstützt
Opera9.5Unterstützt10Unterstützt
Safari3Unterstützt4Unterstützt
43%
white-space: normal;

Zeilenumbrüche und Leerzeichen werden nicht dargestellt bzw. zur einem zusammengefügt.

Beispiel:

white-space:normal;  
Dieses Beispiel ausprobieren
HTML
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
<html>
<head>
  <title>white-space: normal;<title>
</head>
<body>
<p>
Zeilenumbrüche werden nicht dargestellt 
und           Leerzeichen 
werden                         zu einem zusammengefügt. 
</p>
</body>
</html>

white-space: pre;

Firefox2Unterstützt3Unterstützt3.5Unterstützt
IE6Unterstützt7Unterstützt8Unterstützt
Opera9.5Unterstützt10Unterstützt
Safari3Unterstützt4Unterstützt
43%
white-space: pre;

Zeilenumbrüche und Leerzeichen werden ohne Änderung, wie im Quelltext angegeben, ausgegeben.

Beispiel:

white-space: pre;  
Dieses Beispiel ausprobieren
HTML
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
<html>
<head>
  <title>white-space: pre;<title>
</head>
<body>
<p style="white-space: pre;">
Zeilenumbrüche und Leerzeichen 
werden          ohne Änderung, 
wie im              Quelltext 
angegeben ausgegeben.
</p>
</body>
</html>

white-space: nowrap;

Firefox2Unterstützt3Unterstützt3.5Unterstützt
IE6Unterstützt7Unterstützt8Unterstützt
Opera9.5Unterstützt10Unterstützt
Safari3Unterstützt4Unterstützt
43%
white-space: nowrap;

Zeilenumbrüche werden ignoriert, außer sie werden durch <br /> erzwungen.

Beispiel:

white-space: nowrap;  
Dieses Beispiel ausprobieren
HTML
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
<html>
<head>
  <title>white-space: nowrap;<title>
</head>
<body>
<p style="white-space: nowrap;">
Zeilenumbrüche werden 
ignoriert, außer 
sie werden durch <br/> erzwungen.
</p>
</body>
</html>

white-space: pre-wrap;

Firefox2Nein3Unterstützt3.5Unterstützt
IE6Nein7Nein8Unterstützt
Opera9.5Unterstützt10Unterstützt
Safari3Unterstützt4Unterstützt
35%
white-space: pre-wrap;

Zeilenumbrüche und Leerzeichen werden wie im Quelltext ausgegeben. Ist der Text zu lang wird umgebrochen.

Beispiel:

white-space: pre-wrap;  
Dieses Beispiel ausprobieren
HTML
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<head>
  <title>white-space: pre-wrap;<title>
</head>
<body>
<p style="white-space: pre-wrap; width:250px;">
Zeilenumbrüche und 
Leerzeichen          werden wie im 
Quelltext ausgegeben. Ist der Text zu lang wird umgebrochen.
</p>
</body>
</html>

white-space: pre-line;

Firefox2Nein3Nein3.5Unterstützt
IE6Nein7Nein8Unterstützt
Opera9.5Unterstützt10Unterstützt
Safari3Unterstützt4Unterstützt
35%
white-space: pre-line;

Leerzeichen werden zu einem zusammengefügt, Zeilenumbrüche jedoch dargestellt.

Beispiel:

white-space: pre-line;  
Dieses Beispiel ausprobieren
HTML
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
<head>
  <title>white-space: pre-line;<title>
</head>
<body>
<p style="white-space: pre-line;">
Leerzeichen werden       zu einem          zusammengefügt, 
Zeilenumbrüche 
jedoch 
dargestellt.
</p>
</body>
</html>

Wikiseite bearbeiten

Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 3 Personen an der Seite "CSS Referenz white-space" mitgewirkt.

Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "CSS Referenz white-space" hier bearbeiten.

Mitarbeiter

Kommentare: CSS Referenz white-space