Egenskapen display
Egenskapen display - angir hvordan
et element vises av nettleseren.
Syntaks
velger {
display: verdi;
}
Verdier
| Verdi | Beskrivelse |
|---|---|
block |
Blokk-element. |
inline |
Inline-element. |
inline-block |
Inline-blokk-element. |
list-item |
Elementet blir et listepunkt og foran det vil dukke opp en listemarker. |
flex |
Gjør elementet til en blokk, og dets barn blir flex-elementer. |
inline-flex |
Gjør elementet til et inline-blokk-element, og dets barn blir flex-elementer. |
grid |
Oppretter et grid-element. |
none |
Elementet forsvinner helt og alle andre elementer vil oppføre seg som om dette elementet ikke eksisterer. |
table |
Elementet vil oppføre seg som en tabell. |
table-cell |
Elementet vil oppføre seg som en tabellcelle. |
inline-table |
Elementet vil oppføre seg som en tabell, men tabellen er et inline-element og kan flytes rundt av andre elementer, for eksempel tekst. |
table-caption |
Elementet vil oppføre seg som taggen caption. |
table-column |
Elementet vil oppføre seg som en tabellkolonne. |
table-row |
Elementet vil oppføre seg som en tabellrad. |
table-column-group |
Elementet vil oppføre seg som taggen colgroup. |
table-footer-group |
Elementet vil oppføre seg som taggen tfoot. |
table-header-group |
Elementet vil oppføre seg som taggen thead. |
table-row-group |
Elementet vil oppføre seg som taggen tbody. |
run-in |
Gjør elementet til et blokk- eller inline-element avhengig av kontekst. |
Som standard kan elementer ha forskjellige
verdier for display.