CSS padding-left Özelliği

CSS padding-left

Css padding-left özelliği ile bir html elemanının içeriği ile sol kenar sınırının arasındaki boşluklarının sitili düzenlenebilir.

Örnek:

Bu örnekte 3 farklı paragraf elemanından bir tanesine padding-left değeri "100px" olarak düzenlenmiştir.Bu özelliğin etkisini anlamak için aşağıdaki kendiniz deneyin tuşuna tıklayınız.

p.padleft { padding-left: 100px; background-color: yellow; border: 1px solid black; }

CSS padding-left nedir nasıl kullanılır

Bir html elemanın sol kenar çizgisi ile içerği arasındaki tanımlanan boşluk "padding-left" özelliğinin görevidir.Girilecek olan değerler yüzde ,sayısal olarak ise px cm gibi değerler tanımlanabilir.

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

CSS padding-left Tarayıcı Desteği

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

CSS Kodu:
padding-left 1.0 4.0 1.0 1.0 3.5

CSS padding-left Değerleri

padding-left:length|initial|inherit;

CSS padding-left özelliği değerleri

CSS padding-left değerleri CSS padding-left değerleri tanımları CSS örnek uygulamalar
length Sol boşluk alanı için sayısal olarak px cm gibi değerler girilir.
% Yüzde olarak değer girilir.
initial Özelliğin varsayılan değeridir.
inherit Kalıtsal olarak aldığı değeri kullanır.  

Yorumlar

Bu blogdaki popüler yayınlar

Linklerin Renklerini Değiştirme Örnek

HTML yorum etiketi ile öğe gizleme örneği

YouTube Reklam Engelleyici

Html belgesi yapısını anlama uygulaması

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript