dasar css (4) : Mengatur Margin Dokumen HTML

Sebelumnya temen-temen sudah pernah mendengar istilah margin khan… sama seperti di office suite -> ms office/open office, margin di html juga bermakna sama yaitu area kosong di bagian tepi dokumen.
margin ini tidak memiliki attribut backcground, warna. margin ini bersifat transparan.

Untuk mengatur margin ada dua tipe, yaitu mengatur per elemen -> margin kanan, margin kiri, margin atas dan margin bawah atau langsung dengan shorthand yang melakukan pengaturan hanya dalam 1 syntax;

Mengatur secara satu persatu:

margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;

atau bisa juga menggunakan shorthand:

margin: top right bottom left;

contoh penggunaan:

body {margin: 10px 0 30px 40px;}

sintaks itu berarti tag body memiliki pengaturan amrgin atas: 10px , margin kanan 0px margin bawah 30 px dan margin kiri 40px;

 

*apa itu shorthand, shorthand adalah suatu trik untuk meringkas penulisan sintaks css.

Leave a Reply

Your email address will not be published. Required fields are marked *