CSS Margin

Margin membersihkan area di sekitar elemen (luar perbatasan). Margin tidak memiliki warna latar belakang, dan benar-benar transparan.

Atas, kanan, bawah, dan margin yang meninggalkan dapat diubah secara independen menggunakan properti terpisah. Properti marjin singkatan juga dapat digunakan, untuk mengubah semua margin sekaligus.

Possible Values

Value	Description
auto	Browser menghitung margin
length	Menentukan margin di px, pt, cm, dll Nilai default adalah 0px
%	Menentukan margin dalam persen dari lebar dari elemen yang mengandung
inherit	Menentukan bahwa margin harus diwarisi dari elemen induk

Margin - Individual sides

Dalam CSS, adalah mungkin untuk menentukan margin yang berbeda untuk sisi yang berbeda dari unsur:

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

Margin - Shorthand property

Untuk mempersingkat kode, adalah mungkin untuk menentukan semua properti margin dalam satu properti. Ini disebut properti steno.

Properti singkat untuk semua properti margin "margin":

p {
    margin: 100px 50px;
}