Turkcell | Geleceği Yazanlar

201: HTML5 & CSS Başlangıç seviyesi derslerde Web Programlama uygulama geliştirme ortamını detaylı olarak inceliyoruz.

Tüm Eğitimleri Aldın mı? Kendini sınamanın tam zamanı

Haydi Sınava Gir

Kısayol Tanımlamak

Kategori : Mobil | Lisans : Creative Commons (by-nc-sa) | En son 12.09.2019 tarihinde güncellendi
Eğitmen : Geleceği Yazanlar Ekibi
Etiketler : css-padding padding-tanimlama padding-lenght padding-yuzde padding-auto padding-inherit padding-kisayol shorthand web-programlama

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

  • padding: 25px 50px 75px;

üst padding 25px
sağ ve sol paddingler 50px
alt padding 75px

  •  padding: 25px 50px;

üst ve alt paddingler 25px
sağ ve sol paddingler 50px 

  • padding: 25px;

dört padding de 25px