Modul ini membahas box model secara menyeluruh: content, padding, border, dan margin, beserta perubahan model ukuran melalui box-sizing. Penggabungan margin dibahas agar perilaku jarak antar elemen tidak mengejutkan. Bagian akhir mengulas satuan absolut, relatif, dan viewport sebagai dasar penentuan ukuran yang tepat.
Box model dan satuan
Modul fondasi layout: box model, box-sizing, penggabungan margin, serta penguasaan satuan absolut dan relatif.
0/0 selesai
- Pendalaman box model
Empat lapisan box model: content, padding, border, dan margin beserta dampaknya pada ukuran.
- box-sizing: border-box
Perubahan model ukuran dengan box-sizing: border-box dan alasan reset universal dianjurkan.
- Penggabungan margin
Kondisi margin yang menyatu antar elemen dan teknik mengendalikannya.
- Satuan absolut
Satuan absolut seperti px dan pt beserta perannya dalam penataan gaya.
- Satuan relatif
Disiplin penggunaan em, rem, persen, dan ch untuk ukuran yang mengikuti konteks.
- Satuan viewport
Satuan vw dan vh, penyesuaian dvh pada perangkat bergerak, serta pratinjau fungsi clamp().