CSS Anahat Rengi
CSS Anahat Rengi
Özellik outline-color
, anahat rengini ayarlamak için kullanılır.
Renk şu şekilde ayarlanabilir:
- ad - "kırmızı" gibi bir renk adı belirtin
- HEX - "#ff0000" gibi bir onaltılık değer belirtin
- RGB - "rgb(255,0,0)" gibi bir RGB değeri belirtin
- HSL - "hsl(0, %100, %50)" gibi bir HSL değeri belirtin
- ters çevir - bir rengi tersine çevirir (renkli arka plandan bağımsız olarak ana hattın görünür olmasını sağlar)
Aşağıdaki örnek, farklı renklere sahip bazı farklı anahatları göstermektedir. Ayrıca, bu öğelerin anahat içinde ince bir siyah kenarlığa sahip olduğuna da dikkat edin:
Düz kırmızı bir anahat.
Noktalı mavi bir anahat.
Bir başlangıç gri anahat.
Örnek
p.ex1
{
border: 2px solid black;
outline-style: solid;
outline-color: red;
}
p.ex2
{
border: 2px solid black;
outline-style: dotted;
outline-color: blue;
}
p.ex3
{
border: 2px solid black;
outline-style: outset;
outline-color: grey;
}
HEX Değerleri
Anahat rengi, onaltılık bir değer (HEX) kullanılarak da belirtilebilir:
Örnek
p.ex1 {
outline-style: solid;
outline-color: #ff0000;
/* red */
}
RGB Değerleri
Veya RGB değerlerini kullanarak:
Örnek
p.ex1 {
outline-style: solid;
outline-color: rgb(255, 0, 0); /*
red */
}
HSL Değerleri
HSL değerlerini de kullanabilirsiniz:
Örnek
p.ex1 {
outline-style: solid;
outline-color: hsl(0, 100%, 50%);
/* red */
}
CSS Renkleri bölümlerimizde HEX, RGB ve HSL değerleri hakkında daha fazla bilgi edinebilirsiniz .