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

VS Code ile yazım denetimi

VS Code ile yazım denetimi Devamını oku

Sitemdeki Kırık bağlantılar

01 July 2021 tarihinde yayınlandı.

Grid mi Flex mi?

28 June 2021 tarihinde yayınlandı.