CSS TutorialLesson 21Preview gratis
CSS Display
Lesson ini bagian dari CSS · Semua level
Ringkasan
Setiap elemen HTML punya nilai display bawaan, misalnya block untuk div dan p, atau inline untuk span dan a. Properti display memungkinkan kita mengubah perilaku ini, misalnya membuat tautan jadi blok atau gambar jadi block. Nilai none menyembunyikan elemen sepenuhnya, sedangkan flex dan grid membuka jalan tata letak modern.
Poin kunci
- Elemen block mengisi lebar penuh dan mulai dari baris baru; inline mengikuti alur teks.
- inline-block menggabungkan sifat inline yang mengikuti alur dan block yang bisa diatur ukurannya.
- display: none menyembunyikan elemen beserta ruangnya dari tata letak.
- display: flex mengaktifkan flexbox untuk menyusun anak elemen secara fleksibel.
- Tidak semua nilai display cocok untuk semua elemen; flex biasanya dipasang pada wadah induk.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.