Web Programlama

Farklı Kenarlar

Lisans: Creative Commons 11.12.2020 tarihinde güncellendi

Bakabileceğiniz Etiketler: Eğitmen: Geleceği Yazanlar Ekibi

#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>

Sınava Gir