CSS padding-left özelliği

Tanım ve Kullanım

padding-left özelliği, elementin sol iç dolgu boşluğunu (boşluk) ayarlar.

Açıklama

Bu özellik, elementin sol iç dolgu boşluğunu genişletir. İç içe yerleştirilmiş olmayan satır içi değiştirici elementler üzerindeki sol iç dolgu boşluğu, yalnızca elementin oluşturduğu ilk satır içi çerçevesinin solunda görünür.

Açıklama:Negatif değerlerin kullanımı izin verilmez.

Ayrıca bkz.:

CSS Eğitim Seti:CSS iç boşluğu

HTML DOM Kaynak Kılavuzu:paddingLeft Özelliği

Örnek

p elementinin sol iç dolgu boşluğunu ayarlayın:

p
  {
  padding-left:2cm;
  }

Kişisel Deneyim

Daha fazla örnek (sayfa altında bulunabilir)

CSS Dilbilgisi

padding-left: length|initial|inherit;

Özellik Değeri

Değer Tanım
length Belirli bir birim cinsinden sabit sol iç dolgu boşluğu değeri belirtir, örneğin piksel, santim vb. Varsayılan değeri 0px'dır.
% Babalık öğesinin genişliğine dayalı yüzdelik sol iç dolgu boşluğu tanımlar. Bu değer tüm tarayıcılar için beklediğiniz gibi çalışmayabilir.
inherit Özellikten babalık öğesinden sol iç dolgu boşluğunu almalıdır.

Teknik Açıklamalar

Varsayılan Değer: 0
Miras: hayır
Sürüm: CSS1
JavaScript Dilbilgisi: object.style.paddingLeft="10px"

TIY Örneği

Sol iç dolgu boşluğu 1
Bu örnek, hücrenin sol iç dolgu boşluğunu santim cinsinden nasıl ayarlandığını gösterir.
Sol iç dolgu boşluğu 2
Bu örnek, hücrenin sol iç dolgu boşluğunu yüzde değeri kullanarak nasıl ayarlandığını gösterir.

Tarayıcı desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5