CSS Box Model

CSS Box Model

CSS Box Model adalah konsep dasar dalam CSS yang menjelaskan bagaimana elemen HTML ditampilkan dan diatur di halaman web. Setiap elemen dianggap sebagai sebuah kotak yang terdiri dari beberapa bagian: konten, padding, border, dan margin.

Komponen Box Model:

• Content: Tempat di mana teks dan gambar ditampilkan.

• Padding: Ruang antara konten dan border.

• Border: Garis yang mengelilingi padding dan konten.

• Margin: Ruang di luar border.

contoh penggunaan komponen box model:

CSS:

result: