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

Farklı Kenarlar

Kategori : Mobil | Lisans : Creative Commons (by-nc-sa) | En son 12.09.2019 tarihinde güncellendi
Eğitmen : Geleceği Yazanlar Ekibi
Etiketler : css-border-style css-border css-sinir border-ozelligi css-kenarlar farkli-kenarlar web-programlama

CSS'de elemanların farklı kenarları farklı özelliklerde olabilir.

Aşağıdaki örnekte <p> elemanı için belirlenen sınırlarda farklı özellikler tanımlanmış durumda:

p {
    border-top-style: dotted;
    border-right-style: solid;
    border-bottom-style: dashed;
    border-left-style: solid;
}

Şimdi örneğimizle nasıl yapıldığını görelim:

<!DOCTYPE html>
<html>
    <head>
        <style>
            p {
                border-top-style: dotted;
                border-right-style: solid;
                border-bottom-style: dashed;
                border-left-style: solid;
            }
        </style>
    </head>
    <body>
        
        <p>3 FARKLI KENAR CIZGISI</p>
        
    </body>
</html>