Padding içerik alanı ile kenarlık arasındaki alandır.

Kutu Modeli

padding-top

Yapısı : padding-top: (değer) Aldığı Değerler : [][] | [][] | inherit\\ **Başlnagıç değeri:** 0\\ **Uygulanabilen elementler:** tüm elementler\\ **Kalıtsallık:** Yok

padding-top özelliği içerik alanı ile üst kenarlık arasındakimesafeyi belirler.

h2 {
	padding-left: 0.25in;
}

Tarayıcı Uyumu ** Firefox Chrome Safari Opera İnternet Explorer **Mobil Tarayıcılar iOS Safari Opera Mobile Android Browser

padding-right

Yapısı : padding-right: (değer) Aldığı Değerler : [][] | [][] | inherit\\ **Başlangıç değeri:** 0\\ **Uygulanabilen elementler:** tüm elementler\\ **Kalıtsallık:** Yok

padding-right özelliği içerik alanı ile sağ kenarlık arasındakimesafeyi belirler.

h2 {
	padding-right: 0.25in;
}

Tarayıcı Uyumu ** Firefox Chrome Safari Opera İnternet Explorer **Mobil Tarayıcılar iOS Safari Opera Mobile Android Browser

padding-bottom

Yapısı : padding-bottom: (değer) Aldığı Değerler : [][] | [][] | inherit\\ **Başlnagıç değeri:** 0\\ **Uygulanabilen elementler:** tüm elementler\\ **Kalıtsallık:** Yok

padding-bottom özelliği içerik alanı ile alt kenarlık arasındakimesafeyi belirler.

h2 {
	padding-bottom: 0.25in;
}

Tarayıcı Uyumu ** Firefox Chrome Safari Opera İnternet Explorer **Mobil Tarayıcılar iOS Safari Opera Mobile Android Browser

padding-left

Yapısı : padding-left: (değer) Aldığı Değerler : [][] | [][] | inherit\\ **Başlnagıç değeri:** 0\\ **Uygulanabilen elementler:** tüm elementler\\ **Kalıtsallık:** Yok

padding-left özelliği içerik alanı ile sol kenarlık arasındakimesafeyi belirler.

h2 {
	padding-left: 0.25in;
}

Tarayıcı Uyumu ** Firefox Chrome Safari Opera İnternet Explorer **Mobil Tarayıcılar iOS Safari Opera Mobile Android Browser

padding

Yapısı : padding: (değer) Aldığı Değerler : [][] | [][]{1,4} | inherit\\ **Başlnagıç değeri:** 0\\ **Uygulanabilen elementler:** Block-level ve replaced elementler\\ **Kalıtsallık:** Yok

paddingözelliği padding-top, padding-right, padding-bottomve padding-left değerlerini kısayoldan atamak için kullanılır.

h1 {
	padding: 10px;
	background-color: silver;
}

margin‘deki gibi farklı kullanım şekilleri mevcuttur.

Tarayıcı Uyumu ** Firefox Chrome Safari Opera İnternet Explorer **Mobil Tarayıcılar iOS Safari Opera Mobile Android Browser

Çalışma Ortamı Yenilikleri

Çalışma Ortamı Yenilikleri Devamını oku

VS Code ipuçları

11 October 2021 tarihinde yayınlandı.

VS Code ile yazım denetimi

12 July 2021 tarihinde yayınlandı.