Margin CSS

Margin digunakan untuk membuat ruang di sekitar elemen, di luar batas yang ditentukan.

Margin CSS

Properti margin CSS digunakan untuk membuat ruang di sekitar elemen, di luar batas yang ditentukan.

Dengan CSS, Anda memiliki kendali penuh atas margin. Ada properti untuk mengatur margin untuk setiap sisi elemen (atas, kanan, bawah, dan kiri).

Margin - Sisi Individu

CSS memiliki properti untuk menentukan margin untuk setiap sisi elemen:

• margin-top
• margin-right
• margin-bottom
• margin-left

Semua properti margin dapat memiliki nilai berikut:

• otomatis - browser menghitung margin
• length - menentukan margin dalam px, pt, cm, dll.
• % - menentukan margin dalam% dari lebar elemen penampung
• mewarisi - menentukan bahwa margin harus diwarisi dari elemen induk

Tips: Nilai negatif diperbolehkan.

Contoh

Menetapkan margin yang berbeda untuk keempat sisi elemen <p>:

p {
  margin-top: 100px;
  margin-bottom: 100px;
  margin-right: 150px;
  margin-left: 80px;
}

Sumber referensi: w3schools.com