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

Ayrı Ayrı Atamalar

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 web-programlama

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:

<!DOCTYPE html>
<html>
    <head>
        <style>
            p {
                background-color: pink;
            }
        
        p.ex {
            padding-top: 110px;
            padding-bottom: 120px;
            padding-right: 140px;
            padding-left: 70px;
        }
        </style>
    </head>
    <body>
        
        <p>BELLI BIR PADDING TANIMI YOK</p>
        <p class="ex">PADDINGLER TANIMLI</p>
        
    </body>
</html>