Vlastnosť display
Vlastnosť display - určuje spôsob zobrazenia
prvku prehliadačom.
Syntax
selektor {
display: hodnota;
}
Hodnoty
| Hodnota | Popis |
|---|---|
block |
Blokový prvok. |
inline |
Riadkový prvok. |
inline-block |
Riadkovo-blokový prvok. |
list-item |
Prvok sa stane položkou zoznamu a pred ním sa objaví značka zoznamu. |
flex |
Nastaví prvok ako blokový, a jeho potomkovia sa stanú flex prvkami. |
inline-flex |
Nastaví prvok ako riadkovo-blokový, a jeho potomkovia sa stanú flex prvkami. |
grid |
Vytvorí prvok-mriežku. |
none |
Prvok úplne zmizne a všetky ostatné prvky sa budú správať tak, ako keby tento prvok neexistoval. |
table |
Prvok sa bude správať ako tabuľka. |
table-cell |
Prvok sa bude správať ako bunka tabuľky. |
inline-table |
Prvok sa bude správať ako tabuľka, ale tabuľka je vstavaným prvkom a dochádza k jej obtoku inými prvkami, napr. textom. |
table-caption |
Prvok sa bude správať ako tag caption. |
table-column |
Prvok sa bude správať ako stĺpec tabuľky. |
table-row |
Prvok sa bude správať ako riadok tabuľky. |
table-column-group |
Prvok sa bude správať ako tag colgroup. |
table-footer-group |
Prvok sa bude správať ako tag tfoot. |
table-header-group |
Prvok sa bude správať ako tag thead. |
table-row-group |
Prvok sa bude správať ako tag tbody. |
run-in |
Nastaví prvok ako blokový alebo vstavaný v závislosti od kontextu. |
Predvolene môžu mať prvky rôzne
hodnoty display.