html-css

CSS Padding

Apa Itu CSS Padding?

Properti CSS padding digunakan untuk membuat jarak pada antar elemen, di bagian dalam.

Padding memiliki beberapa property, antara lain:

Contoh:

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

Padding Shorthand

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

Contoh pertama:

p {
  padding: 10px;
}

Code tersebut memiliki arti yaitu :

Contoh kedua:

p {
  padding: 10px 20px;
}

Code tersebut memiliki arti yaitu :

Contoh ketiga:

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

Code tersebut memiliki arti yaitu :

Contoh keempat:

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

Code tersebut memiliki arti yaitu :

This site is open source. Improve this page.