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

React'tan React Native'e geçiş

React'tan React Native'e geçiş sorunları ve çözümleri Devamını oku

VS Code HTML End Tag Labels eklentisi

03 May 2021 tarihinde yayınlandı.

10 parmak yazmayı öğreniyorum

26 January 2021 tarihinde yayınlandı.