CSS TutorialLesson 19Preview gratis
CSS Lists
Lesson ini bagian dari CSS · Semua level
Ringkasan
CSS mengatur tampilan daftar lewat properti list-style-type untuk jenis penanda, list-style-image untuk gambar penanda, dan list-style-position untuk letak penanda. Daftar juga bisa dibuat tampil horizontal dengan display inline atau flex, sehingga sering dipakai untuk menu. Pengaturan margin dan padding daftar biasanya perlu direset agar rapi.
Poin kunci
- list-style-type menentukan jenis penanda: disc, circle, square, decimal, upper-roman, dan lainnya.
- list-style-image memakai gambar sebagai penanda daftar.
- list-style-position menentukan penanda berada di dalam (inside) atau di luar (outside) alur teks.
- Shorthand list-style menggabungkan ketiganya dalam satu baris.
- Daftar horizontal dibuat dengan mengubah item ke display: inline atau flex.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.