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

Sınır Çizgisi Rengi

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