Egenskaben display
Egenskaben display - angiver måden browseren viser
elementer på.
Syntaks
selektor {
display: værdi;
}
Værdier
| Værdi | Beskrivelse |
|---|---|
block |
Blok-element. |
inline |
Inline-element. |
inline-block |
Inline-blok-element. |
list-item |
Elementet bliver en listepost og foran det vil der vises en listemarker. |
flex |
Sætter elementet som en blok, og dets efterkommere bliver flex-elementer. |
inline-flex |
Sætter elementet som et inline-blok-element, og dets efterkommere bliver flex-elementer. |
grid |
Opretter et grid-element. |
none |
Elementet forsvinder helt, og alle andre elementer vil opføre sig, som om dette element ikke eksisterer. |
table |
Elementet vil opføre sig som en tabel. |
table-cell |
Elementet vil opføre sig som en tabelcelle. |
inline-table |
Elementet vil opføre sig som en tabel, men tabellen er et inline-element, og den omflydes af andre elementer, for eksempel tekst. |
table-caption |
Elementet vil opføre sig som caption-tagget. |
table-column |
Elementet vil opføre sig som en tabelkolonne. |
table-row |
Elementet vil opføre sig som en tabelrække. |
table-column-group |
Elementet vil opføre sig som colgroup-tagget. |
table-footer-group |
Elementet vil opføre sig som tfoot-tagget. |
table-header-group |
Elementet vil opføre sig som thead-tagget. |
table-row-group |
Elementet vil opføre sig som tbody-tagget. |
run-in |
Sætter elementet som en blok eller inline afhængigt af kontekst. |
Som standard kan elementer have forskellige
værdier for display.