ETİKETLER

css-padding

İÇERİK TÜRLERİ
İÇERİK TÜRLERİ

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.

 

Abone ol css-padding