CSS Kutu Modeli - Padding Özellikleri

4 Ağustos 2006

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

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

Daha fazla oku

Avatar Popout Efekti

Avatar Popout Efekti uygulaması Devamını oku

Kapsayıcı sorguları (container query)

29 January 2024 tarihinde yayınlandı.

Renk geçişli ve Hareketli kenar çizgileri

22 January 2024 tarihinde yayınlandı.