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