<display-internal>
Einige Layoutmodelle, wie table und ruby, haben eine komplexe interne Struktur mit verschiedenen Rollen, die ihre Kinder und Nachfahren erfüllen können. Diese Seite definiert diese "internen" Display-Werte, die nur innerhalb dieses speziellen Layout-Modus Bedeutung haben.
Syntax
Gültige <display-internal> Werte:
table-row-group-
Diese Elemente verhalten sich wie HTML-Elemente vom Typ
<tbody>. table-header-group-
Diese Elemente verhalten sich wie HTML-Elemente vom Typ
<thead>. -
Diese Elemente verhalten sich wie HTML-Elemente vom Typ
<tfoot>. table-row-
Diese Elemente verhalten sich wie HTML-Elemente vom Typ
<tr>. table-cell-
Diese Elemente verhalten sich wie HTML-Elemente vom Typ
<td>. table-column-group-
Diese Elemente verhalten sich wie HTML-Elemente vom Typ
<colgroup>. table-column-
Diese Elemente verhalten sich wie HTML-Elemente vom Typ
<col>. table-caption-
Diese Elemente verhalten sich wie HTML-Elemente vom Typ
<caption>. ruby-base-
Diese Elemente verhalten sich wie HTML-Elemente vom Typ
<rb>. ruby-text-
Diese Elemente verhalten sich wie HTML-Elemente vom Typ
<rt>. ruby-base-container-
Diese Elemente werden als anonyme Boxen generiert.
ruby-text-container-
Diese Elemente verhalten sich wie HTML-Elemente vom Typ
<rtc>.
Formaler Syntax
Beispiele
CSS-Tabellenbeispiel
Das folgende Beispiel demonstriert das Layout eines Formulars unter Verwendung des CSS-Tabellenlayouts.
HTML
<main>
<div>
<label for="name">Name</label>
<input type="text" id="name" name="name" />
</div>
<div>
<label for="age">Age</label>
<input type="text" id="age" name="age" />
</div>
</main>
CSS
main {
display: table;
}
div {
display: table-row;
}
label,
input {
display: table-cell;
margin: 5px;
}
Ergebnis
Spezifikationen
No specification found
No specification data found for css.properties.display.table-row-group,css.properties.display.table-header-group,css.properties.display.table-footer-group,css.properties.display.table-row,css.properties.display.table-cell,css.properties.display.table-column-group,css.properties.display.table-column,css.properties.display.table-caption,css.properties.display.ruby-base,css.properties.display.ruby-text,css.properties.display.ruby-base-container,css.properties.display.ruby-text-container.
Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.