CSS margin 属性

Definisi dan penggunaan

Properti singkat margin mengatur semua properti margin dalam satu deklarasi. Properti ini boleh mempunyai 1 hingga 4 nilai.

Penerangan

Properti ini singkat menetapkan lebar semua margin bagi elemen, atau menetapkan lebar margin bagi setiap sisi.

Margin yang berdekatan secara vertikal bagi elemen blok akan disatukan, manakala elemen teks sebenarnya tidak mengambil margin atas dan bawah. Margin kiri dan kanan elemen teks tidak disatukan. Secara sama, margin bagi elemen yang float juga tidak disatukan. Ia diizinkan untuk menentukan nilai margin negatif, tetapi perhatikan penggunaannya.

Keterangan:Izinkan nilai negatif.

Contoh 1

margin:10px 5px 15px 20px;
  • Margin atas adalah 10px
  • Margin kanan adalah 5px
  • Margin bawah adalah 15px
  • Margin kiri adalah 20px

Contoh 2

margin:10px 5px 15px;
  • Margin atas adalah 10px
  • Margin kiri dan kanan adalah 5px
  • Margin bawah adalah 15px

Contoh 3

margin:10px 5px;
  • Margin atas dan bawah adalah 10px
  • Margin kiri dan kanan adalah 5px

Contoh 4

margin:10px;
  • Semua 4 margin adalah 10px

Lihat juga:

Panduan CSS:Margen luar CSS

Panduan HTML DOM:Properti margin

Contoh

Atur 4 margin elemen p:

p
  {
  margin:2cm 4cm 3cm 4cm;
  }

Coba sendiri

Sintaks CSS

margin: length|auto|initial|inherit;

Nilai properti

Nilai Penerangan
auto Browser menghitung margin.
length Tetapkan nilai margin dengan unit yang pasti, seperti piksel, sentimeter, dll. Nilai lalai adalah 0px.
% Tentukan margin dengan persen lebar elemen yang disertai.
inherit Ditetapkan supaya margin eksternal diwarisi dari elemen induk.

Detil teknikal

Nilai lalai: 0
Inheritsi: no
Versi: CSS1
Sintaks JavaScript: object.style.margin="10px 5px"

Contoh lebih banyak

Semua properti margin dalam satu deklarasi
Contoh ini memperlihatkan bagaimana mengatur semua properti margin dalam satu deklarasi.

Dukungan browser

Nombor di dalam tabel menunjukkan versi paling awal browser yang mendukung sifat ini sepenuhnya.

Chrome IE / Edge Firefox Safari Opera
1.0 6.0 1.0 1.0 3.5