Właściwość display
Właściwość display - określa sposób wyświetlania
elementu przez przeglądarkę.
Składnia
selektor {
display: wartość;
}
Wartości
| Wartość | Opis |
|---|---|
block |
Element blokowy. |
inline |
Element liniowy (inline). |
inline-block |
Element liniowo-blokowy (inline-block). |
list-item |
Element stanie się elementem listy i przed nim pojawi się znacznik listy. |
flex |
Ustawia element jako blokowy, a jego elementy potomne staną się elementami flex. |
inline-flex |
Ustawia element jako liniowo-blokowy, a jego elementy potomne staną się elementami flex. |
grid |
Tworzy element siatki (grid). |
none |
Element całkowicie zniknie i wszystkie inne elementy będą zachowywać się tak, jakby tego elementu nie było. |
table |
Element będzie zachowywał się jak tabela. |
table-cell |
Element będzie zachowywał się jak komórka tabeli. |
inline-table |
Element będzie zachowywał się jak tabela, ale tabela jest elementem wbudowanym (inline) i następuje jej opływanie przez inne elementy, na przykład przez tekst. |
table-caption |
Element będzie zachowywał się jak znacznik caption. |
table-column |
Element będzie zachowywał się jak kolumna tabeli. |
table-row |
Element będzie zachowywał się jak wiersz tabeli. |
table-column-group |
Element będzie zachowywał się jak znacznik colgroup. |
table-footer-group |
Element będzie zachowywał się jak znacznik tfoot. |
table-header-group |
Element będzie zachowywał się jak znacznik thead. |
table-row-group |
Element będzie zachowywał się jak znacznik tbody. |
run-in |
Ustawia element jako blokowy lub wbudowany (inline) w zależności od kontekstu. |
Domyślnie elementy mogą mieć różne
wartości display.