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

CSS content Özelliği

HTML progress Etiketi

HTML section Etiketi

CSS justify-content Özelliği

CSS align-items özelliği

CSS transition-delay Özelliği

CSS top Özelliği

CSS border-collapse Özelliği

CSS text-justify Özelliği

CSS background-repeat Özelliği