Die display eienskap
Die eienskap display - spesifiseer die manier waarop
'n element deur die blaaier vertoon word.
Sintaksis
selektor {
display: waarde;
}
Waardes
| Waarde | Beskrywing |
|---|---|
block |
Blokelement. |
inline |
Inlyn-element. |
inline-block |
Inlyn-blokelement. |
list-item |
Die element word 'n lysitem en voor dit sal 'n lysmerker verskyn. |
flex |
Stel die element as 'n blok op, en sy afstammelinge sal flex elemente word. |
inline-flex |
Stel die element as 'n inlyn-blok op, en sy afstammelinge sal flex elemente word. |
grid |
Skep 'n roosterelement. |
none |
Die element sal heeltemal verdwyn en alle ander elemente sal optree asof hierdie element nie bestaan nie. |
table |
Die element sal optree soos 'n tabel. |
table-cell |
Die element sal optree soos 'n tabelsel. |
inline-table |
Die element sal optree soos 'n tabel, maar die tabel is 'n ingebedde element en ander elemente, soos teks, vloei om dit. |
table-caption |
Die element sal optree soos die caption etiket. |
table-column |
Die element sal optree soos 'n tabelkolom. |
table-row |
Die element sal optree soos 'n tabelry. |
table-column-group |
Die element sal optree soos die colgroup etiket. |
table-footer-group |
Die element sal optree soos die tfoot etiket. |
table-header-group |
Die element sal optree soos die thead etiket. |
table-row-group |
Die element sal optree soos die tbody etiket. |
run-in |
Stel die element as 'n blok of inline op, afhangende van die konteks. |
By verstek kan elemente verskillende
waardes van display hê.