CSS AdvancedLesson 72Preview gratis
CSS Multiple Columns
Lesson ini bagian dari CSS · Semua level
Ringkasan
CSS Multi-columns membagi teks panjang menjadi beberapa kolom seperti tata letak surat kabar. Kita bisa menentukan jumlah kolom tetap, lebar minimum kolom, atau membiarkan browser menyesuaikan dengan ruang yang tersedia. Terdapat pula pengatur jarak kolom, garis pemisah, dan properti agar judul membentang di seluruh kolom.
Poin kunci
- `column-count` menentukan jumlah kolom secara pasti
- `column-width` menetapkan lebar minimum, jumlah kolom menyesuaikan ruang
- `column-gap` mengatur jarak antar kolom dan `column-rule` membuat garis pemisah
- `column-span: all` membuat elemen seperti judul melewati semua kolom
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.