Su display parametru ir jo reikšmėmis galime išgauti labai skirtingų html elemento atvaizdavimų. Galime atvaizduoti kelis paragrafus kaip vieną, padaryti objektus nematomus ir kt.
Parametras | Reikšmė |
display:block; |
Atvaizduoti |
visibility:hidden; | Paslėpti, tačiau vietą elementas užima |
display:none; | Neatvaizduoti, vietos neužimti |
display:inline; |
Atvaizduoti vieną paskui kitą |
Atvaizduojamas elementas užima visą galimą plotį, virš savęs ir po turi po perėjimą į naują eilutę. Block tipo elementai yra tokie kaip <div>, <h1>, <p>.
inline pavyzdys
Tas pats pavyzdys tik su block
Su inline reikšme elementai buvo išdėlioti vienas paskui kitą horizontaliai, tuo tarpu su block reikšme elementai išsiplėtė per visą galimą plotį ir todėl atsirado vienas po kitu.
Visibility:hidden; paslepia elementą, tačiau jis užima savo vietą kaip ir įprastai, o display:none; išjungia elemento rodymą ir jis nebeužima vietos.
visibility:hidden pavyzdys
display:none pavyzdys
Pažiūrėję abu pavyzdžius akivaizdžiai matome kuo skriasi šie parametrai.