CSS Padding Kullanımı

CSS padding özelliği, etiketlerin iç boşluklarını tanımlar. CSS padding ile etiketlerin kenarlarının iç boşluklarını düzenleyebilirsiniz. Etikete ait kenarları tek bir seferde düzenleyebileceğiniz gibi tek tek düzenlemekte mümkündür.

CSS, bir etiketin tüm kenarları için padding özelliği sunmaktadır :

• padding-top
• padding-left
• padding-right
• padding-bottom

Bu CSS özelliklerinin alabileceği değerleri şunlardır : 

• uzunluk : px, pt, cm gibi ölçüler
• % - yüzdelik dilim olarak ifade edilebilir
• inherit - padding özelliğini üst etiketten miras alır

CSS "padding" kullanımı :

div {
  background-color: lightblue;
  padding-top: 50px;
  padding-right: 30px;
  padding-bottom: 50px;
  padding-left: 80px;
}

# CSS Padding Kısa Kullanımı

CSS padding özelliğininde kısa kullanımları mevcuttur.

div {
  padding: 25px 50px 75px 100px;
  background-color: red;
}

Syntax şu şekildedir.

padding: { üstten aşağı, sağdal sola, aşağıdan yukarıya, sağdan sola; }