Belajar CSS dari Nol: Panduan Dasar #6 - Mengenal Box Model

 

Box model adalah konsep dasar dalam CSS yang mempengaruhi bagaimana elemen HTML ditampilkan dan diukur. Setiap elemen HTML dalam halaman web Anda memiliki sebuah "kotak" yang terdiri dari beberapa bagian:

  1. Content: Ini adalah bagian dalam kotak yang berisi konten elemen HTML, seperti teks atau gambar.

  2. Padding: Ini adalah bagian dalam kotak yang berada setelah content dan sebelum border. Anda dapat menentukan ukuran padding dengan menggunakan properti CSS padding.

  3. Border: Ini adalah garis yang berada di sekitar elemen HTML dan memisahkan antara elemen dan padding. Anda dapat menentukan ukuran dan gaya border dengan menggunakan properti CSS border.

  4. Margin: Ini adalah bagian luar kotak yang memisahkan antara elemen HTML dan elemen lain. Anda dapat menentukan ukuran margin dengan menggunakan properti CSS margin.

Ini adalah bagaimana elemen HTML dalam halaman web Anda ditampilkan dan diukur menurut box model. Anda dapat mempelajari lebih lanjut tentang bagaimana menggunakan box model untuk mengontrol tampilan dan ukuran elemen HTML.

Posting Komentar

0 Komentar