Proprietatea display
Proprietatea display - definește modul de afișare
a elementului de către browser.
Sintaxă
selector {
display: valoare;
}
Valori
| Valoare | Descriere |
|---|---|
block |
Element bloc. |
inline |
Element inline. |
inline-block |
Element inline-bloc. |
list-item |
Elementul va deveni un element de listă și în fața lui va apărea un marcator de listă. |
flex |
Setează elementul ca bloc, iar descendenții săi vor deveni elemente flex. |
inline-flex |
Setează elementul ca inline-bloc, iar descendenții săi vor deveni elemente flex. |
grid |
Creează un element grilă. |
none |
Elementul va dispărea complet și toate celelalte elemente se vor comporta ca și cum acest element nu ar exista. |
table |
Elementul se va comporta ca un tabel. |
table-cell |
Elementul se va comporta ca o celulă de tabel. |
inline-table |
Elementul se va comporta ca un tabel, dar tabelul este un element inline și are loc flow-ul în jurul lui de către alte elemente, de exemplu, text. |
table-caption |
Elementul se va comporta ca eticheta caption. |
table-column |
Elementul se va comporta ca o coloană de tabel. |
table-row |
Elementul se va comporta ca un rând de tabel. |
table-column-group |
Elementul se va comporta ca eticheta colgroup. |
table-footer-group |
Elementul se va comporta ca eticheta tfoot. |
table-header-group |
Elementul se va comporta ca eticheta thead. |
table-row-group |
Elementul se va comporta ca eticheta tbody. |
run-in |
Setează elementul ca bloc sau inline în funcție de context. |
În mod implicit, elementele pot avea diverse
valori display.