Semua elemen HTML dapat dianggap sebagai kotak. Dalam CSS, istilah "model kotak" digunakan ketika berbicara tentang desain dan tata letak.
Model kotak CSS pada dasarnya adalah sebuah kotak yang membungkus di sekitar elemen HTML, dan terdiri dari: margin, perbatasan, padding, dan konten yang sebenarnya.
Model kotak memungkinkan kita untuk menambahkan perbatasan sekitar elemen, dan untuk mendefinisikan ruang antara elemen.
Gambar di bawah ini menggambarkan model kotak:
Penjelasan dari bagian-bagian yang berbeda:
Model kotak CSS pada dasarnya adalah sebuah kotak yang membungkus di sekitar elemen HTML, dan terdiri dari: margin, perbatasan, padding, dan konten yang sebenarnya.
Model kotak memungkinkan kita untuk menambahkan perbatasan sekitar elemen, dan untuk mendefinisikan ruang antara elemen.
Gambar di bawah ini menggambarkan model kotak:
Penjelasan dari bagian-bagian yang berbeda:
- Isi - Isi dari kotak, di mana teks dan gambar muncul
- Padding - Daerah di sekitar konten. Padding transparan
- Border - Pembatasan yang terjadi di sekitar padding dan Margin
- Margin - Daerah di luar border. Margin transparan
0 komentar:
Post a Comment
Note: Only a member of this blog may post a comment.