Display-ominaisuus

Ominaisuus display - määrittää elementin näyttötavan selaimessa.

Syntaksi

Arvot

Arvo	Kuvaus
block	Lohkoelementti.
inline	Rivinsisäinen elementti.
inline-block	Rivinsisäinen lohkoelementti.
list-item	Elementistä tulee listan kohde ja sen eteen tulee listan merkki.
flex	Asettaa elementin lohkoksi, ja sen lapsielementeistä tulee flex-elementtejä.
inline-flex	Asettaa elementin rivinsisäiseksi lohkoksi, ja sen lapsielementeistä tulee flex-elementtejä.
grid	Luo verkkoelementin.
none	Elementti katoaa kokonaan ja kaikki muut elementit käyttäytyvät kuin elementtiä ei olisi olemassa.
table	Elementti käyttäytyy kuin taulukko.
table-cell	Elementti käyttäytyy kuin taulukon solu.
inline-table	Elementti käyttäytyy kuin taulukko, mutta taulukko on upotettu elementti ja sitä kiertävät muut elementit, kuten teksti.
table-caption	Elementti käyttäytyy kuin caption-tagi.
table-column	Elementti käyttäytyy kuin taulukon sarake.
table-row	Elementti käyttäytyy kuin taulukon rivi.
table-column-group	Elementti käyttäytyy kuin colgroup-tagi.
table-footer-group	Elementti käyttäytyy kuin tfoot-tagi.
table-header-group	Elementti käyttäytyy kuin thead-tagi.
table-row-group	Elementti käyttäytyy kuin tbody-tagi.
run-in	Asettaa elementin lohkoksi tai rivinsisäiseksi kontekstista riippuen.

Oletusarvoisesti elementeillä voi olla erilaisia display-arvoja.