A display tulajdonság segítségével egy adott elem esetében
megadható, hogy milyen legyen a viselkedése a
doboz-modell alapján.
Értékei a hozzá tartozó jelentéssel a következők lehetnek:
inherit: Örökölje az elem az őt tartalmazó elemtől a
tulajdonság értékét.
block: Az elem
blokk-elemként funkcionál.
inline: Az elem
inline-elemkén funkcionál, azaz a
tartalma egy vagy több sorban fog megjelenni az elemet tartalmazó elem dobozán
belül.
list-item: Ezzel az értékkel (például a
LI elem rendelkezik vele) az elem számára
generálódik egy alapdoboz, és mellette a listajel számára egy inline doboz.
marker: Ez az érték deklarál egy generált tartalmat egy másik
doboz elé vagy mögé kerülő doboz számára. Ez az érték csak a
:before és
:after pseudo elemekben használható,
akkor is csak abban az esetben, ha az egy blokk-szintű elemhez tartozik. Minden
más esetben a böngészők inline értéknek fogják tekinteni.
none: Ezzel az értékkel elérhető, hogy egy adott elem ne
jelenjen meg ténylegesen a dokumentumban. Az elem valamennyi leszármazottjával
együtt tűnik el a megjelenítésből.
run-in és compact: Ezek az értékek akár blokk,
akár inline dobozt létrehozhatnak a tartalomtól függően. Ez függ a körülöttük
levő elemek fajtájától is.
table, inline-table,
table-row-group, table-column,
table-column-group, table-header-group,
table-footer-group, table-row, table-cell
és table-caption: Ezek az értékek a táblázat egyes részeit leíró
elemeknél használatosak.
A HTML nyelv esetén ezt a tulajdonságot ritkán szokás állítani, mert a legtöbb böngészőre nincs hatással, illetve vannak a HTML nyelvben olyan elemek, amelyek esetén a tulajdonság értéke előre rögzített. Íme néhány elemnek a HTML nyelvbeli funkciójának megfelelő értékét beállító szabálya, amelyeket tehát fölösleges megadni, mert eleve erre vannak beállítva:
Az utolsó szabály akkor érvényes, ha egy böngészőben beállítjuk, hogy a
képeket ne jelenítse meg. Ennek az elemnek egyébként a block
értékkel kell rendelkeznie.