Textumbruch: white-space
Beispiel
Legt fest, wie Textumbrüche, Leerzeichen und Tabulatoren im Quellcode vom Browser angezeigt werden.
<table border="1" width="30%">
<tr>
<td style="white-space:nowrap;" width="30%">
Kein Zeilenumbruch innerhalb der Zelle
</td>
</tr>
</table>
| Initialwert: | normal |
| Vererbbar: | Ja |
| Anwendbar auf: | Block-Elemente |
| Medium: | Visual |
| Werte: |
- normal
- Zeilenumbrüche im Quellcode werden nicht dargestellt und mehrere Leerzeichen im Quellcode zu einem zusammengefügt.
Der Browser fügt einen Zeilenumbruch am Zeilenende ein.
- pre
- Zeilenumbrüche und Leerzeichen werden, wie im
<pre>-Tag, so dargestellt,
wie sie im Quellcode eingegeben sind.
- nowrap
- Zeilenumbrüche im Quellcode werden nicht dargestellt, mehrere Leerzeichen im Quellcode zu einem zusammengefügt und
der Browser fügt am Zeilenende keinen Zeilenumbruch ein. Dieser kann nur mit dem
<br />-Tag erzeugt
werden.
- pre-wrap
- Wie im
<pre>-Tag stellt der Browser Zeilenumbrüche und Leerzeichen dar wie sie im Quellcode eingegeben sind,
jedoch erfolgt am Zeilenende ebenfalls ein automatischer Zeilenumbruch.
- pre-line
- Mehrere Leerzeichen im Quellcode werden zu einem zusammengefügt und Zeilenumbrüche fügt der Browser am Ende
der Zeile, durch das
<br />-Tag und dort, wo sie im Quellcode eingegeben sind, ein.
- Inherit
|
| Bemerkung: |
Der IE 6 kennt den Wert pre nur im Standards-Mode.
|
| Wert |
 |
 |
 |
 |
 |
 |
 |
| 5 |
5.5 |
6 |
MAC 5+ |
5 |
6 |
7+ |
4 |
6 |
7+ |
1+ |
0.8+ |
1.0+ |
3.3+ |
| normal |
j |
j |
j |
j |
j |
j |
j |
j |
j |
j |
j |
j |
j |
j |
| pre |
n |
n |
j |
j |
j |
j |
j |
j |
j |
j |
j |
j |
j |
j |
| nowrap |
j |
j |
j |
j |
j |
j |
j |
j |
j |
j |
j |
j |
j |
j |
| pre-wrap |
n |
n |
n |
n |
n |
n |
j |
n |
n |
n |
n |
n |
n |
n |
| pre-line |
n |
n |
n |
n |
n |
n |
n |
n |
n |
n |
n |
n |
n |
n |