Hier bist Du: Home « Positionieren « display

Anzeigeart: display

Beispiel

Legt fest, wie ein Element angezeigt werden soll

Code-Beispiel für display:

<p>1. Diese Zeile ist zu sehen</p>
<p style="display:none">2. Diese Zeile ist nicht zusehen</p>
<p>3. Diese Zeile ist wieder zusehen</p>
<h1 style="display:inline">Dies ist Überschrift1, die keinen Absatz erzeugt</h1>
<h1 style="display:inline">
Dies ist die folgende Überschrift, die keinen Absatz erzeugt</h1>
 <p>Normaler Text (neuer Absatz)</p>
Initialwert:inline
Vererbbar:Nein
Anwendbar auf: alle Elemente
Medium:Visual
Werte:
none
Keine Anzeige.
block
Das Element wird als Block-Element dargestellt.
inline
Das Element wird als Inline-Element dargestellt.
inline-block
Das Element ist eine Mischung aus einem Block- und einem Inline-Element. Es wird als Block-Element formatiert, du kannst Breite, Höhe und Außenabstand angeben, floatet aber wie Inline-Elemente in der Zeile.
list-item
Sichtbar. Das Element erzeugt einen Absatz und hat ein Aufzählungszeichen.
run-in
Erzeugen Block, bzw Inline-Elemente abhängig vom Inhalt
inline-table
Darstellung als Tabelle (In HTML <table>), die keine Absatz erzeugt.
Darstellung als Listensymbol. Sollte nur zusammen mit den Pseudoformaten :before und :after verwendet werden.
table
Darstellung als Tabelle (In HTML <table>).
table-caption
Darstellung als Tabellenüberschrift (In HTML <caption>)
table-cell
Darstellung als Tabellenzelle (In HTML <td>, <th>)
table-column
Darstellung als Tabellenspalte (In HTML <col>)
table-columns-group
Darstellung als Tabellespalten (In HTML <colgroup>)
table-footer-group
Darstellung als Tabellefusszeile (In HTML <tfoot>)
table-header-group
Darstellung als Tabellenkopfzeile (In HTML <thead>)
table-row
Darstellung als Tabellenzeile (In HTML <tr>)
table-row-group
Darstellung als Tabellenzeilen (In HTML <tbody>)
Wert Internet Explorer Opera Netscape Mozilla/ Seamonkey Mozilla Firefox Safari Konqueror
5 5.5 6 7 8 MAC 5+ 5 6 7+ 4 6 7+ 1+ 0.8+ 3.0+ 1.2+ 3.5+
none j j j j j j j j j j j j j j j j j
block j j j j j j j j j n j j j j j j j
inline-block n n n t j n n n j n n n n n j j j
inline j j j j j j j j j f j j j j j j j
list-item n n j j j j j j j f j j j j j j j
run-in n n n n j n j j j n n n n n n j j
table-... n n n n j n j j j n j j j j j j j