Egenskapen display
Egenskapen display - anger hur ett element
ska visas av webbläsaren.
Syntax
selector {
display: värde;
}
Värden
| Värde | Beskrivning |
|---|---|
block |
Blockelement. |
inline |
Inline-element. |
inline-block |
Inline-blockelement. |
list-item |
Elementet blir en listpunkt och före det kommer en listmarkör att visas. |
flex |
Gör elementet till ett blockelement, och dess barn blir flex-element. |
inline-flex |
Gör elementet till ett inline-blockelement, och dess barn blir flex-element. |
grid |
Skapar ett gridelement. |
none |
Elementet kommer att döljas helt och alla andra element kommer att bete sig som om detta element inte finns. |
table |
Elementet kommer att bete sig som en tabell. |
table-cell |
Elementet kommer att bete sig som en tabellcell. |
inline-table |
Elementet kommer att bete sig som en tabell, men tabellen är ett inline-element och omsluts av andra element, till exempel text. |
table-caption |
Elementet kommer att bete sig som taggen caption. |
table-column |
Elementet kommer att bete sig som en tabellkolumn. |
table-row |
Elementet kommer att bete sig som en tabellrad. |
table-column-group |
Elementet kommer att bete sig som taggen colgroup. |
table-footer-group |
Elementet kommer att bete sig som taggen tfoot. |
table-header-group |
Elementet kommer att bete sig som taggen thead. |
table-row-group |
Elementet kommer att bete sig som taggen tbody. |
run-in |
Gör elementet till ett block- eller inline-element beroende på sammanhanget. |
Som standard kan element ha olika
värden på display.