Das beste CSS Eigenschaft display-Tutorial im Jahr 2024. In diesem Tutorial können Sie Beispiele,Attributdefinitionen und Anweisungen,Browser-Unterstützung,Eigenschaft Wert,In Verbindung stehende Artikel,Weitere Beispiele, lernen

CSS Eigenschaft display

Beispiele

Set Absatz eine Inline-Box zu erzeugen:

p.inline
{
display: inline;
}

Versuchen »

Attributdefinitionen und Anweisungen

Anzeige Attribut gibt die Art der Rahmenelemente erzeugt werden soll.

Standard: Inline
Vererbung: keine
Version: CSS1
JavaScript-Syntax: Objekt .style.display = "inline"


Browser-Unterstützung

Die Zahlen in der Tabelle stellen die erste Browser die Versionsnummer der Immobilie zu unterstützen.

Unmittelbar im Anschluss an die digitale -webkit-, -MS- oder vor zur Unterstützung der Präfix Attributnummer erste Browser-Version -moz-.

属性
display 4.0 8.0
Partial from 5.5
3.0 3.1 7.0

Eigenschaft Wert

Wert Beschreibung
keiner Dieses Element wird nicht angezeigt.
Block Dieses Element wird als Block-Elemente angezeigt werden, wird dieses Element sein, das vorne und hinten mit einem Zeilenumbruch.
Inline Default. Dieses Element wird als Inline-Elemente angezeigt werden, bevor und nachdem das Element keine Zeilenumbrüche hat.
inline-block Inline-Block-Element. (CSS2.1 Mehrwert)
list-item Dieses Element wird als Liste angezeigt werden.
run-in Dieses Element wird auf dem Kontext Anzeige als Block-Level-Elemente oder Inline-Elemente basieren.
kompakt CSS einen Wert hat, kompakt, aber aufgrund der fehlenden breite Unterstützung von dem CSS2.1 entfernt.
Marker CSS hat einen Wert Marker, aber aufgrund des Mangels an eine breite Unterstützung von dem CSS2.1 entfernt.
Tabelle Dieses Element wird als Block-Level-Tabelle angezeigt (ähnlich wie <table>), mit einem Zeilenumbruch vor und nach der Tabelle.
inline-table Dieses Element wird als Inline-Tabelle (ähnlich <table>) angezeigt, keine Zeilenumbrüche vor und nach der Tabelle.
table-row-Gruppe Dieses Element wird als eine oder mehrere Reihen gruppiert werden, um zu zeigen, (ähnlich <tbody>).
table-header-Gruppe Dieses Element wird als eine oder mehrere Reihen gruppiert werden, um zu zeigen, (ähnlich <thead>).
table-footer-Gruppe Dieses Element wird als eine oder mehrere Reihen gruppiert werden, um zu zeigen, (ähnlich <tfoot>).
table-row Dieses Element wird als Tabellenzeile (ähnlich <tr>) angezeigt werden.
table-column-Gruppe Dieses Element wird als eine oder mehrere Säulen verwendet werden, um Pakete angezeigt (ähnlich <colgroup>).
Tisch-Säule Dieses Element wird als eine Spalte von Zellen angezeigt (ähnlich <col>)
table-cell Dieses Element wird als Tabellenzelle angezeigt werden (ähnlich dem <td> und <th>)
table-caption Dieses Element wird als Tabellenkopf (ähnlich <caption>) angezeigt werden
erben Vorgegebene Anzeige Attributwert sollte vom Elternelement erben.


In Verbindung stehende Artikel

CSS Tutorial: CSS - Anzeige und Sichtbarkeit


Beispiele

Weitere Beispiele

Verwenden Sie vererbte Werte
Dieses Beispiel zeigt, wie die geerbte Eigenschaft zu verwenden.

CSS Eigenschaft display
10/30