Skip to content

Latest commit

 

History

History
82 lines (58 loc) · 1.44 KB

README.md

File metadata and controls

82 lines (58 loc) · 1.44 KB

CSS Margins

Apa Itu CSS Margins?

Properti CSS margin digunakan untuk membuat jarak pada antar elemen, di bagian luar.

Margin memiliki beberapa property, antara lain:

  • margin-top - Untuk mengatur margin atas
  • margin-right - Untuk mengatur margin kanan
  • margin-bottom - Untuk mengatur margin bawah
  • margin-left - Untuk mengatur margin kiri
  • margin (shorthand) - Untuk mengatur margin di semua arah

Contoh:

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

Margin Shorthand

Properti margin (shorthand) ini, memiliki beberapa parameter nilai.

Contoh pertama:

p {
  margin: 10px;
}

Code tersebut memiliki arti yaitu :

  • Nilai pertama - Untuk margin semua bagian.

Contoh kedua:

p {
  margin: 10px 20px;
}

Code tersebut memiliki arti yaitu :

  • Nilai pertama - Untuk margin bagian atas dan bawah.
  • Nilai kedua - Untuk margin bagian kanan dan kiri.

Contoh ketiga:

p {
  margin: 10px 20px 30px;
}

Code tersebut memiliki arti yaitu :

  • Nilai pertama - Untuk margin bagian atas.
  • Nilai kedua - Untuk margin bagian kanan dan kiri.
  • Nilai ketiga - Untuk margin bagian bawah.

Contoh keempat:

p {
  margin: 10px 20px 30px 40px;
}

Code tersebut memiliki arti yaitu :

  • Nilai pertama - Untuk margin bagian atas.
  • Nilai kedua - Untuk margin bagian kanan.
  • Nilai ketiga - Untuk margin bagian bawah.
  • Nilai keempat - Untuk margin bagian kiri.