CSS : Margin

Properti CSS Margin

Properti margin CSS memungkinkan kalian untuk mengatur margin di sekitar sisi elemen box. Margin tidak memiliki background-color, itu benar-benar transparan.

Mengatur Margin untuk Individual Side

Kalian dapat dengan mudah menentukan margin yang berbeda untuk sisi elemen yang berbeda seperti sisi atas, kanan, bawah atau kiri menggunakan properti margin individu CSS. Berikut contoh kodenya:

h1 {
    margin-bottom: 20px;
}
p {
    margin-left: 10px;
    margin-right: 30px;
}

Properti Margin Shorthand

The margin property is a shorthand property to avoid setting margin of each side separately: margin-topmargin-rightmargin-bottom and margin-left.

Properti shorthand adalah properti penulisan pendek, dimana dengan properti shorthand ini kita tidak perlu untuk menulis nilai margin untuk masing-masing sisi seperti margin-topmargin-rightmargin-bottom dan margin-left. Berikut contoh kodenya:

h1 {
    margin: 0 10px;
}
p {
    margin: 25px 50px 75px 100px;
}