Web Programlama

Sınır Çizgisi Rengi

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 #sinir-rengi #border-color #rgb #hex #web-programlama

CSS kodlamada border-color özelliği, sınır çizgisinin rengini atamak için kullanılır. Renk aşağıdaki yollardan biriyle atanır:

name: renk adı (red,blue) kullanılarak renk atamak.
RGB: Red-Green-Blue renk uzayı ile renk atamak: "rgb(255,111,30)" gibi.
Hex: hexadecimal (onaltılık) değer ile renk atamak: "#ff0ec0" gibi.

Sınır çizgisini dilerseniz şeffaf yani "transparent" olarak da atayabilirsiniz.

Örnek kullanımı aşağıdaki gibidir:

p.one {
    border-style: solid;
    border-color: blue;
}

p.two {
    border-style: dotted;
    border-color: #98bf21;
}

Şimdi de bir HTML içeriğinde bunu nasıl uygulayacağımızı görelim:

<!DOCTYPE html>
<html>
    <head>
        <style>
            p.bir {
                border-style: solid;
                border-color: red;
            }
        
        p.iki {
            border-style: dashed;
            border-color: #00bf21;
        }
        </style>
    </head>
    <body>
        
        <p class="bir">JOHN VON NEUMANN-BILGISAYAR MIMARISI</p>
        <p class="iki">ALAN TURING-TURING MAKINASI</p>
        <p><b>NOT:</b> ALBERT EINSTEIN GERCEK BIR DAHI</p>
        
    </body>
</html>

Sınava Gir