CSS padding Özelliği

CSS padding

Css padding özelliği html elemanlarının boder/kenar hattı ile içerik arasında tanımlanan boşluk ayarları düzenlenebilir.

Örnek:

Bu örnekte 3 tane paragraftan bir tanesine padding özelliği ile sitil atanacaktır.Özelliğin etkisini anlayabilmek için aşağıdaki kendiniz deneyin tuşuna basınız.

p.padding { padding: 50px 30px 40px 80px; background-color: yellow; }

CSS padding nedir nasıl kullanılır

İçerik ile kenar çizgisi arasında boşluk oluşturmak için padding özelliği kullanılır.

Padding değerlerinin yazılış yöntemleri ve anlamları

• padding:9px 5px 4px 10px;
  • üst padding değeri 9px
  • sağ padding değeri 5px
  • alt padding değeri 4px
  • sol padding değeri 10px
  
  
• padding:9px 5px 4px;
  • üst padding değeri 9px
  • sağ ve sol padding değerleri 5px
  • alt padding değeri 4px
  
  
• padding:9px 5px;
  • üst ve alt padding değerleri 9px
  • sağ ve sol padding değerleri 5px
  
  
• padding:9px;
  • Bütün padding değerleri 9px'tir.

CSS padding	CSS padding özellikleri
Varsayılan Değer:	0
Kalıtsallık:	yok
Animasyon Özelliği:	var
Versiyon:	CSS1
JavaScript padding:	object.style.padding="50px 50px"

CSS padding Tarayıcı Desteği

Tablodaki sayılar özelliği destekleyen ilk tarayıcı versiyonlarını göstermektedir.

CSS Kodu:
padding	1.0	4.0	1.0	1.0	3.5

CSS padding Değerleri

padding:length|initial|inherit;

CSS padding özelliği değerleri

CSS padding değerleri	CSS padding değerleri tanımları	CSS örnek uygulamalar
length	Sayısal olarak px cm gibi değer girilir.
%	Padding değeri yüzde olarak verilir.
initial	Özelliğin varsayılan değeridir.
inherit	Kalıtsal olarak aldığı değerdir.