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 |