Anzeigeart :: display
Mit "display" wird die Anzeigeart festgelegt.
<div>
Dieses div
<div style="display: inline">
erzeugt keinen Absatz, da es inline
</div>
formatiert wurde
<span style="display: block">
Dafür verhält sich dieses span wie ein Block-Element
</span>
</div>
so sieht es aus, wenn es von Ihrem aktuellen Browser unterstützt wird
Dieses div
erzeugt keinen Absatz, da es inline
formatiert wurde
Dafür verhält sich dieses span wie ein Block-Element
display Definition
| CSS Version |
|
| Startwert |
variabel, je nach Element |
| Vererbar |
nein |
| Anwendbar auf |
alle Elemente |
| Medium |
visual |
| mögliche Werte |
- none - keine Anzeige, Platz wird im Gegensatz zu visibility wird nicht reserviert
- block - Darstellung als Block-Element
- inline-block - Mischung aus Block- und Inline-Element
- list-item - Darstellung als Aufzählungspunkt
- inline-table -
- compact -
- inline-table - Darstellung als Tabelle ohne Erzeugung eines Absatzes
- run-in - Block- oder Inline-Element je nach Inhalt
- table - Darstellung als Tabelle
- table-caption - wie HTML-Element <caption>
- table-column - wie HTML-Element <col>
- table-cell - wie HTML-Element <th> bzw. <td>
- table-columns-group - wie HTML-Element <colgroup>
- table-footer-group - wie HTML-Element <tfoot>
- table-header-group - wie HTML-Element <thead>
- table-row-group - wie HTML-Element <tbody>
- table-row - wie HTML-Element <tr>
- inherit
|
| Anmerkungen |
|
Browserunterstützung von display
|
 |
 |
 |
 |
 |
 |
 |
 |
| none |
5+ |
5-6 |
7+ |
4 |
6+ |
1+ |
0.8+ |
1+ |
3.5+ |
2 |
| inline |
J |
J |
J |
J |
J |
J |
J |
|
|
|
| block |
J |
J |
J |
N |
J |
J |
J |
|
|
|
| inline-block |
|
N |
J |
N |
|
N |
|
|
|
|
| list-item |
|
|
|
|
|
|
|
|
|
|
| compact |
|
|
|
|
|
|
|
|
|
|
| inline-table |
|
|
|
|
|
|
|
|
|
|
| run-in |
|
|
|
|
|
|
|
|
|
|
| table, table-... |
|
|
|
|
|
|
|
|
|
|
letzte Änderung: 13.07.2010