CSS padding Özelliği
CSS padding
Csspadding
ö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 tanesinepadding
ö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;
Yorumlar
Yorum Gönderme