CSS Kenarlık Rengi
CSS Kenarlık Rengi
Özellik border-color
, dört kenarlığın rengini ayarlamak için kullanılır.
Renk şu şekilde ayarlanabilir:
- ad - "kırmızı" gibi bir renk adı belirtin
- HEX - "#ff0000" gibi bir HEX değeri belirtin
- RGB - "rgb(255,0,0)" gibi bir RGB değeri belirtin
- HSL - "hsl(0, %100, %50)" gibi bir HSL değeri belirtin
- şeffaf
Not: Ayarlanmadıysa border-color
, öğenin rengini devralır.
Örnek
Farklı kenarlık renklerinin gösterimi:
p.one
{
border-style: solid;
border-color: red;
}
p.two
{
border-style: solid;
border-color: green;
}
p.three {
border-style: dotted;
border-color:
blue;
}
Sonuç:
Red border
Green border
Blue border
Belirli Yan Renkler
Özellik border-color
bir ila dört değere sahip olabilir (üst kenarlık, sağ kenarlık, alt kenarlık ve sol kenarlık için).
Örnek
p.one {
border-style: solid;
border-color: red green blue yellow;
/* red top, green right, blue bottom and yellow left */
}
HEX Değerleri
Kenarlığın rengi, onaltılık bir değer (HEX) kullanılarak da belirtilebilir:
Örnek
p.one {
border-style: solid;
border-color: #ff0000; /* red
*/
}
RGB Değerleri
Veya RGB değerlerini kullanarak:
Örnek
p.one {
border-style: solid;
border-color: rgb(255, 0, 0);
/* red */
}
HSL Değerleri
HSL değerlerini de kullanabilirsiniz:
Örnek
p.one {
border-style: solid;
border-color: hsl(0, 100%, 50%);
/* red */
}
CSS Renkleri bölümlerimizde HEX, RGB ve HSL değerleri hakkında daha fazla bilgi edinebilirsiniz .