display

Artikel
10/11/2017

Legt fest, ob das Objekt gerendert wird.

Syntax

{ display: sDisplay }

Mögliche Werte

sDisplay

Zeichenfolge, mit der einer der folgenden Werte angegeben oder empfangen wird:

inline	Standard. Das Objekt wird als Inlineelement gerendert und an die Abmessungen des Inhalts angepasst.
block	Das Objekt wird als Blockelement gerendert.
inline-block	Das Objekt wird inline gerendert, aber die Inhalte des Objekts werden als Blockelement gerendert. Angrenzende Inlineelemente werden auf derselben Zeile gerendert. Abstand ist zugelassen.
list-item	Das Objekt wird als Blockelement gerendert, und ein Listenelementmarker wird hinzugefügt. Wird in Microsoft Internet Explorer 6 und späteren Versionen angewendet.
none	Das Objekt wird nicht gerendert.
table-footer-group	Der Tabellenfuß wird stets nach allen anderen Zeilen und Zeilengruppen und vor Tabellenunterschriften angezeigt. Der Tabellenfuß wird auf jeder Seite angezeigt, die eine Tabelle enthält.
table-header-group	Der Tabellenkopf wird stets vor allen anderen Zeilen und Zeilengruppen und vor Tabellenüberschriften angezeigt. Der Tabellenkopf wird auf jeder Seite angezeigt, die eine Tabelle enthält.

Diese Eigenschaft hat einen inline-Standardwert für alle Objekte, mit Ausnahme von:

ADDRESS	block	BLOCKQUOTE	block	BODY	block
CENTER	block	COL	block	COLGROUP	block
DD	block	DIR	block	DIV	block
DL	block	DT	block	FIELDSET	block
FORM	block	FRAME	none	HN	block
HR	block	IFRAME	block	LEGEND	block
LI	list-item	LISTING	block	MENU	block
OL	block	P	block	PLAINTEXT	block
PRE	block	TABLE	block	TBODY	none
TD	block	TFOOT	none	TH	block
THEAD	none	TR	block	UL	block
XMP	block

Diese Eigenschaft wird nicht vererbt.

Hinweise

Alle sichtbaren HTML-Objekte sind Block- oder Inlineobjekte. So ist z. B. ein DIV-Objekt ein Blockelement und ein SPAN-Objekt ein Inlineelement. Blockelemente beginnen in der Regel mit einer neuen Zeile und enthalten andere Blockelemente und Inlineelemente. Inlineelemente beginnen in der Regel nicht mit einer neuen Zeile und enthalten andere Inlineelemente oder Daten. Eine Änderung der Werte der display-Eigenschaft hat folgende Auswirkungen auf das Layout des umgebenden Inhalts:

Es wird eine neue Zeile hinter dem Element mit dem Wert block hinzugefügt.
Es wird eine Zeile aus dem Element mit dem Wert inline entfernt.
Die Daten für das Element mit dem Wert none werden ausgeblendet.

Im Gegensatz zur visibility-Eigenschaft reserviert display=none keinen Platz für die Objekte auf dem Bildschrim.

Die Werte table-header-group und table-footer-group können verwendet werden, um anzugeben, dass der Inhalt der Objekte thead und tfoot auf den Seiten angezeigt wird, die eine Tabelle enthalten, die sich über mehrere Seiten erstreckt.

Beispiele

Dieses Beispiel zeigt, wie sich eine Änderung der Werte der display-Eigenschaft auf inline, block und none auswirkt:

<span id=ospan>This is a span</span> in a sentence.
<p>
<input type=button value ="Block" onclick="ospan.style.display='block'">
:

In diesem Beispiel werden Funktionen aufgerufen, um Tabellenzeilen und -zellen auszublenden.

<script>
function getPets()
{
    oRow1Cell2.style.display="none";
    oRow2Cell2.style.display="block";
    oRow3Cell2.style.display="none";
}
</script>
:
<table>
<tr id="oRow1"><td>Horses</td>
<td id="oRow1Cell2">Thoroughbreds</td>
<td>Fast</td></tr>
<tr id="oRow2"><td>Dogs</td>
<td id="oRow2Cell2">Greyhounds</td>
<td>Fast</td></tr>
<tr id="oRow3"><td>Marsupials</td>
<td id="oRow3Cell2">Opossums</td>
<td>Slow</td></tr>
</table>
:
<input type=button onclick="getPets()" value ="Show household pets">

Informationen zu Standards

Diese Eigenschaft ist unter Cascading Style Sheets (CSS), Level 1 (CSS1) (möglicherweise in englischer Sprache) definiert.

Gilt für

A, ABBR, ACRONYM, ADDRESS, APPLET, B, BDO, BIG, BLOCKQUOTE, BODY, BR, BUTTON, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, CUSTOM, DD, DEFAULTS, DEL, DFN, DIV, DL, DT, EM, EMBED, FIELDSET, FONT, FORM, FRAME, HN, HR, HTML, I, IFRAME, IMG, INPUT TYPE=BUTTON, INPUT TYPE=CHECKBOX, INPUT TYPE=FILE, INPUT TYPE=IMAGE, INPUT TYPE=PASSWORD, INPUT TYPE=RADIO, INPUT TYPE=RESET, INPUT TYPE=SUBMIT, INPUT TYPE=TEXT, INS, LI, OBJECT, OL, P, Q, RT, RUBY, S, SELECT, SPAN, SUB, TABLE, TBODY, TD, TFOOT, TH, THEAD, TR, TT, U, UL, VAR, XMP

Freigeben über