Kutu Modeli - Padding Özellikleri

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

padding-top
Yapısı : padding-top: <deger>
Aldığı Değerler : <uzunluk değeri > | <yüzde> | 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;
}
Browser Uyumu:

Internet Explorer 4+
Netscape 4+
Opera 3.6+
W3C’s CSS Level 1+
CSS Profile 1.0

padding-right
Yapısı : padding-right: <deger>
Aldığı Değerler : <uzunluk değeri > | <yüzde> | 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;
}
Browser Uyumu:

Internet Explorer 4+
Netscape 4+
Opera 3.6+
W3C’s CSS Level 1+
CSS Profile 1.0

padding-bottom
Yapısı : padding-bottom: <deger>
Aldığı Değerler : <uzunluk değeri > | <yüzde> | 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;
}
Browser Uyumu:

Internet Explorer 4+
Netscape 4+
Opera 3.6+
W3C’s CSS Level 1+
CSS Profile 1.0

padding-left
Yapısı : padding-left: <deger>
Aldığı Değerler : <uzunluk değeri > | <yüzde> | 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;
}
Browser Uyumu:

Internet Explorer 4+
Netscape 4+
Opera 4+
W3C’s CSS Level 1+
CSS Profile 1.0

padding
Yapısı : padding: <deger>
Aldığı Değerler : <uzunluk değeri > | <yüzde>{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.

Browser Uyumu:

Internet Explorer 4+
Netscape 4+
Opera 3.6+
W3C’s CSS Level 1+
CSS Profile 1.0

21 Ocak 2008 | CSS | Comments