A display tulajdonság
A display tulajdonság meghatározza
az elem megjelenítési módját a böngészőben.
Szintaxis
szelektor {
display: érték;
}
Értékek
| Érték | Leírás |
|---|---|
block |
Blokk szintű elem. |
inline |
Inline elem. |
inline-block |
Inline-blokk elem. |
list-item |
Az elem listaelemmé válik, és elé egy listajelző kerül. |
flex |
Blokk szintű elemként állítja be az elemet, és leszármazottai flex elemekké válnak. |
inline-flex |
Inline-blokk elemként állítja be az elemet, és leszármazottai flex elemekké válnak. |
grid |
Rács elemet hoz létre. |
none |
Az elem teljesen eltűnik, és az összes többi elem úgy fog viselkedni, mintha ez az elem nem is létezne. |
table |
Az elem úgy viselkedik, mint egy tábla. |
table-cell |
Az elem úgy viselkedik, mint egy táblacella. |
inline-table |
Az elem úgy viselkedik, mint egy tábla, de a tábla beágyazott elem, és más elemek, például szöveg folyik körülötte. |
table-caption |
Az elem úgy viselkedik, mint a caption tag. |
table-column |
Az elem úgy viselkedik, mint egy táblaoszlop. |
table-row |
Az elem úgy viselkedik, mint egy táblasor. |
table-column-group |
Az elem úgy viselkedik, mint a colgroup tag. |
table-footer-group |
Az elem úgy viselkedik, mint a tfoot tag. |
table-header-group |
Az elem úgy viselkedik, mint a thead tag. |
table-row-group |
Az elem úgy viselkedik, mint a tbody tag. |
run-in |
Az elemet blokk vagy inline elemként állítja be a környezettől függően. |
Alapértelmezetten az elemek különböző
display értékekkel rendelkezhetnek.