Savybė display
Savybė display - nustato elemento atvaizdavimo
būdą naršyklėje.
Sintaksė
selektorius {
display: reikšmė;
}
Reikšmės
| Reikšmė | Aprašas |
|---|---|
block |
Blokinis elementas. |
inline |
Eilutinis elementas. |
inline-block |
Eilutinis-blokinis elementas. |
list-item |
Elementas taps sąrašo punktu ir prieš jį atsiras sąrašo žymeklis. |
flex |
Nustato elementą kaip blokinį, o jo palikuoniai taps flex elementais. |
inline-flex |
Nustato elementą kaip eilutinį-blokinį, o jo palikuoniai taps flex elementais. |
grid |
Sukuria tinklo elementą. |
none |
Elementas visiškai pradingsta ir visi kiti elementai elgsis taip, tarsi šio elemento nebūtų. |
table |
Elementas elgsis kaip lentelė. |
table-cell |
Elementas elgsis kaip lentelės langelis. |
inline-table |
Elementas elgsis kaip lentelė, bet ši lentelė yra įterptinis elementas ir įvyksta jos aptekėjimas kitais elementais, pavyzdžiui, tekstu. |
table-caption |
Elementas elgsis kaip teg caption. |
table-column |
Elementas elgsis kaip lentelės stulpelis. |
table-row |
Elementas elgsis kaip lentelės eilutė. |
table-column-group |
Elementas elgsis kaip teg colgroup. |
table-footer-group |
Elementas elgsis kaip teg tfoot. |
table-header-group |
Elementas elgsis kaip teg thead. |
table-row-group |
Elementas elgsis kaip teg tbody. |
run-in |
Nustato elementą kaip blokinį arba įterptinį priklausomai nuo konteksto. |
Pagal nutylėjimą elementai gali turėti įvairias
display reikšmes.