CSS MARGIN
Assalamu'alaikum Wr. Wb
Hai sobat semua, terima kasih telah mengungjungi blog saya ini. Pada kesempatan kali ini kita akan belajar mengenai Margin pada CSS.
Langsung saja yuk...
Properti CSS margin digunakan untuk menghasilkan ruang disekitar elemen.
Margin mengatur ukuran ruang putih diluar border.
Dengan CSS, anda memiliki kontrol penuh atas margin. Ada properti CSS untuk pengaturan margin untuk setiap sisi elemen (atas, kanan, bawah, dan kiri).
MARGIN INDIVIDUAL SIDES
CSS memiliki sifat untuk menentukan margin disetiap elemen :
- margin-top
- margin-right
- margin-bottom
- margin-left
Semua sifat margin dapat memiliki nilai berikut :
- auto - browser menghitung margin
- length - menentukan margin di px, pt, cm, dll
- % - menentukan margin dalam % dari lebar elemen
- inherit - menetapkan bahwa margin harus diwarisi dari elemen induk
Contoh :
Hasilnya :
Untuk mempersingkat kode, bisa menuliskan sintak seperti dibawah ini :
Hasilnya :
AUTO VALUE
Kita dapat mengatur properti margin auto ke horizontal pusat elemen dalam wadah.
Unsur kemudian akan mengambil lebar yang ditentukan, dan ruang yang tersisa akan dibagi sama antara margin kiri dan kanan.
Contoh :
Hasilnya :
Silakan dicoba sendiri sobat. Apabila ada pertanyaan silakan tinggalkan jejak dikolom komentar. Terima kasih.
Properti CSS margin digunakan untuk menghasilkan ruang disekitar elemen.
Margin mengatur ukuran ruang putih diluar border.
Referensi :
http://www.w3schools.com/css/css_margin.asp
Wassalamu'alaikum Wr. Wb