Margin

CSS Margin
«Sebelumnya
Tonton video tutorial ini
Next Chapter »

Sifat marjin CSS mendefinisikan ruang di sekitar elemen.
batas

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

Atas, kanan, bawah, dan marjin kiri dapat diubah secara independen menggunakan properti terpisah. Properti marjin singkatan juga dapat digunakan untuk mengubah semua margin sekaligus.
Nilai yang mungkin
nilai Keterangan
auto Browser menghitung margin
Panjang Menentukan margin di px, pt, cm, dll Nilai default adalah 0px
% Menentukan margin dinyatakan dalam persentase dari lebar dari elemen yang mengandung
mewarisi Menentukan margin harus diwarisi dari elemen induk

Catatan Catatan: Hal ini juga memungkinkan untuk menggunakan nilai-nilai negatif, tumpang tindih konten.

Margin - sisi Individu

Dalam CSS, adalah mungkin untuk menentukan margin yang berbeda untuk sisi yang berbeda dari unsur:
contoh
p {
     margin-top: 100px;
     margin-bottom: 100px;
     margin-right: 150px;
     margin-left: 50px;
}

Cobalah sendiri »

Margin - Properti Singkatan

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

Properti singkat untuk semua properti margin "margin":
contoh
p {
     margin: 50px 100px;
}

Cobalah sendiri »

Properti marjin dapat memiliki dari satu sampai empat nilai.

     margin: 25px 50px 75px 100px;
         margin atas adalah 25px
         margin kanan adalah 50px
         Margin bawah adalah 75px
         margin kiri adalah 100px

     margin: 25px 50px 75px;
         margin atas adalah 25px
         margin kanan dan kiri adalah 50px
         Margin bawah adalah 75px

     margin: 25px 50px;
         margin atas dan bawah adalah 25px
         margin kanan dan kiri adalah 50px

     margin: 25px;
         keempat margin 25px