MARGIN

Properti MARGIN digunakan untuk menetapkan MARGIN-TOP, MARGIN-RIGHT, MARGIN-BOTTOM, dan MARGIN-LEFT dalam satu deklarasi.

Posisi MARGIN:

Sintaks:

margin: value;

Untuk value:

• Length
  

  Contoh kode di bawah ini menetapkan margin atas sebesar 2 piksel, margin kanan sebesar 5 piksel, margin bawah sebesar 5 piksel, dan margin kiri sebesar 2 piksel:

  body { margin: 2px 5px 5px 2px; }

  Contoh kode di bawah ini menetapkan keempat margin sebesar 5 piksel:

  body { margin: 5px; }

  Contoh kode di bawah ini menetapkan margin atas dan margin bawah sebesar 5 piksel, margin kanan dan margin kiri sebesar 2 piksel:

  body { margin: 5px 2px; }

  Contoh kode di bawah ini menetapkan margin atas sebesar 5 piksel, margin kanan dan margin kiri sebesar 2 piksel, margin bawah sebesar 10 piksel:

  body { margin: 5px 2px 10px; }

  Catatan: Diperbolehkan menggunakan nilai negatif.

• auto
  

  Contoh:

  body { margin: 0 auto; }
• inherit
  Menerapkan nilai MARGIN elemen induknya.

  Contoh:

  .mydiv_1 { ... margin: 5px 2px; } .mydiv_2 { ... margin: inherit; }

  Di mana elemennya mungkin seperti di bawah ini:

  <DIV CLASS="mydiv_1"> <DIV CLASS="mydiv_2"></DIV> </DIV>

Properti MARGIN bisa diaplikasikan kepada semua elemen.