Properti margin-bottom CSS
- halaman sebelumnya margin-block-start
- Halaman berikutnya margin-inline
Definisi dan penggunaan
Atribut margin-bottom menetapkan margin bawah elemen.
Keterangan:Perbolehan nilai negatif.
Lihat pula:
Panduan CSS:Margen eksternal CSS
Panduan Referensi HTML DOM:Atribut marginBottom
Contoh
Atur margin bawah teks elemen p:
p { margin-bottom:2cm; }
(Beberapa contoh lain dapat ditemukan di bawah dasar halaman)
Syarat CSS
margin-bottom: length|auto|initial|inherit;
Nilai atribut
Nilai | Deskripsi |
---|---|
auto | Browser menghitung margin bawah. |
length | Ditetapkan nilai margin bawah dengan satuan yang konkrit, seperti pixel, sentimeter, dll. Nilai standar adalah 0px. |
% | Tentukan margin bawah dengan persen lebar elemen yang berisi. |
inherit | Ditetapkan untuk menerima margin bawah dari elemen induk. |
Detil teknis
Nilai standar: | 0 |
---|---|
Inheritance: | no |
Versi: | CSS1 |
Syarat JavaScript: | object.style.marginBottom="10px" |
Beberapa contoh lain
- Atur margin bawah teks 1
- Contoh ini menunjukkan bagaimana mengatur margin bawah teks menggunakan satuan sentimeter.
- Atur margin bawah teks 2
- Contoh ini menunjukkan bagaimana mengatur margin bawah teks menggunakan persen.
Dukungan browser
Angka di tabel menunjukkan versi pertama browser yang mendukung atribut ini penuh.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
- halaman sebelumnya margin-block-start
- Halaman berikutnya margin-inline