De display eigenschap
De eigenschap display bepaalt de weergavemethode
van een element door de browser.
Syntaxis
selector {
display: waarde;
}
Waarden
| Waarde | Beschrijving |
|---|---|
block |
Blokelement. |
inline |
Inline-element. |
inline-block |
Inline-blokelement. |
list-item |
Het element wordt een lijstitem en ervoor verschijnt een lijstmarkering. |
flex |
Stelt het element in als een blok, en zijn kinderen worden flex-elementen. |
inline-flex |
Stelt het element in als een inline-blok, en zijn kinderen worden flex-elementen. |
grid |
Creëert een grid-container element. |
none |
Het element verdwijnt volledig en alle andere elementen gedragen zich alsof dit element niet bestaat. |
table |
Het element gedraagt zich als een tabel. |
table-cell |
Het element gedraagt zich als een tabelcel. |
inline-table |
Het element gedraagt zich als een tabel, maar de tabel is een inline-element en wordt omgeven door andere elementen, zoals tekst. |
table-caption |
Het element gedraagt zich als de caption tag. |
table-column |
Het element gedraagt zich als een tabelkolom. |
table-row |
Het element gedraagt zich als een tabelrij. |
table-column-group |
Het element gedraagt zich als de colgroup tag. |
table-footer-group |
Het element gedraagt zich als de tfoot tag. |
table-header-group |
Het element gedraagt zich als de thead tag. |
table-row-group |
Het element gedraagt zich als de tbody tag. |
run-in |
Stelt het element in als een blok- of inline-element, afhankelijk van de context. |
Standaard kunnen elementen verschillende
display waarden hebben.