Senin, 05 Agustus 2024

Mamahami "Display" pada CSS

inline
objek ditampilkan berbaris kesamping dari kiri  ke kanan
(tidak dapat seting properti tinggi-lebar)

block
objek ditampilkan berbaris kebawah dari atas ke bawah
(dapat seting properti tinggi-lebar)

flex
objek menampilkan objek didalamnya bersifat fleksibel (segaris lurus) dan mengambil 1 garis penuh

inline-block
objek ditampilkan berurutan dalam 1 baris

inline-flex
objek menampilkan objek didalamnya bersifat fleksibel (segaris lurus) 


inherit
objek ditampilkan memiliki sifat yg sama dengan pembungkusnya (parent)

none
objek tidak ditampilkan


Catatan :
objek "div" display default "block" (dari atas kebawah)
objek "span" display default "inline" (sebaris dari kiri kekanan)


Refrensi :
Ref 1