Web Tasarım ve Prog.Stil Şablonu (CSS) Css Padding Özellikleri

Bir nesnenin kenar çizgisinin içindeki mesafeyi belirlemek için kullanılır. Bir nesne içerisindeki verilerin nesne kenarlarına olan uzaklığı , üst ,alt, sol ve sağ  şeklinde belirtilen parametre ve değerlere göre ayarlanabilir.

Aşağıdaki şekle dikkat edilirse sarı ile belirtilen nesnenin kenarlıkları ile nesne içindeki turkuaz nesne arasındaki mesafe padding, sarı nesnenin kenarlıkları dışında kalan mesafeler ise margin özellikleri ile ayarlanabilir.

 

padding-top	üst boşluk
padding-right	sağ boşluk
padding-bottom	alt boşluk
padding-left	sol boşluk
padding	Yukarıda belirtilen yönleri tek seferde kısa olarak kullanmak için

 

/* tüm kenarlara 5px boşluk bırakır */
padding:5px; 

/* sol kenara 10px boşluk bırakır */
padding-left:10px; 

/*
  üst kenarlığa 1px
  sag kenarlığa 2px
  alt kenarlığa 3px
  sol kenarlığa 4px boşluk bırakır
*/
padding: 1px 2px 3px 4px;