Sie befinden sich hier: » CSS Angaben » Positionierung » display

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

Microsoft Internet Explorer Opera Netscape Mozilla Firefox Safari Konqueror Google Chrome
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