ETİKETLER
padding-tanimlama
Padding Özellikleri
ÖZELLİK | AÇIKLAMA |
padding | Tek bir bildirimde tüm padding özelliklerini atayan kısayol özelliği. |
padding-bottom | Bir elemanın alt paddingini atar. |
padding-left | Bir elemanın sol paddingini atar. |
padding-right | Bir elemanın sağ paddingini atar. |
padding-top | Bir elemanın üst paddingini atar. |
CSS padding özellikleri, e
Kısayol Tanımlamak
Tek bir bildirim içinde tüm kenarlara ait paddingler atanabilir; bu da shorthand özelliğidir. Şimdi nasıl kullanıldığına bakalım:
p {
padding: 110px 70px;
}
Gördüğünüz gibi basit şekilde atamaları yaptık, şimdi örnekleri açıklayarak inceleyelim:
- padding: 25px 50px 75px 100px;
üst padding 25px
sağ padding 50px
alt padding 75px
sol padding 100px
Ayrı Ayrı Atamalar
CSS'te, bir elemanın farklı kenarlarına farklı padding'ler atamak mümkündür. Şimdi kullanımını inceleyelim:
p {
padding-top: 110px;
padding-bottom: 120px;
padding-right: 140px;
padding-left: 70px;
}
Şimdi de bunu bir HTML belgesinde nasıl kullandığımıza bakalım:
CSS Padding
CSS padding özellikleri, elemanların etrafındaki boşluğu tanımlar.
Padding: Padding, bir eleman etrafındaki bir alanı siler (border'ın dışında). Padding'in bir zemin rengi yoktur ve tamamı ile saydamdır. Ayrı özellikler kullanılarak, üst (top), sağ (right), alt (bottom) ve sol (left) padding'ler bağımsız olarak değiştirilebilir. Ayrıca bir kısayol (shorthand) padding'i ile tümü birden de atanabilir.