CSS Renk Anahtarları
- Önceki Sayfa CSS Renkleri
- Sonraki Sayfa CSS Gradyan
Bu bölümde açıklanacak transparent、currentcolor ve inherit Anahtar kelime.
transparent anahtar kelimesi
transparent Anahtar kelime, unsurların rengini şeffaf hale getirmek için kullanılır. Bu genellikle unsurların şeffaf arka plan rengi ayarlamak için kullanılır.
Örnek
Burada, <div> unsurlarının arka plan rengi tamamen şeffaf olacak ve arka plan görseli görüntülenecektir:
body {
background-image: url("paper.gif");
}
div {
background-color: transparent;
}
Dikkat:transparent Anahtar kelime eşdeğerdir rgba(0,0,0,0)RGBA renk değerleri, alpha kanalı ile genişletilmiş RGB renk değerleridir - bu, renkin şeffaflığını belirtir. Daha fazla bilgi için bizim CSS RGB Bölüm ve CSS Renkleri Bölüm.
currentcolor anahtar kelimesi
currentcolor Anahtar kelime, unsurların color özelliklerinin mevcut değerini saklayan benzer bir değişkendir.
Eğer belirli bir renk unsurlar veya sayfada tutarlı kalmak istiyorsanız, bu anahtar kelime çok faydalı olacaktır.
Örnek
Bu örnekte, <div> unsurlarının kenarlık rengi mavi olacaktır, çünkü <div> unsurlarının metin rengi mavi:
div {
color: blue;
border: 10px solid currentcolor;
}
Örnek
Bu örnekte, <div> unsurlarının arka plan rengi body unsurlarının mevcut renk değerine ayarlanmıştır:
body {
color: purple;
}
div {
background-color: currentcolor;
}
Örnek
Bu örnekte, <div> kenar çizgisi rengi ve gölge rengi, body öğesinin mevcut renk değerine ayarlanmıştır:
body {
color: green;
}
div {
box-shadow: 0px 0px 15px currentcolor;
border: 5px solid currentcolor;
}
inherit anahtar kelimesi
inherit Anahtar kelime, özelliğin değerini ebeveyn öğesinden miras almasını belirtir.
inherit Anahtar kelimeler herhangi bir CSS özelliğinde ve herhangi bir HTML öğesinde kullanılabilir.
Örnek
Bu örnekte, <span> kenar çizgisi ayarları ebeveyn öğesinden miras alınacak:
div {
border: 2px solid red;
}
span {
border: inherit;
}
- Önceki Sayfa CSS Renkleri
- Sonraki Sayfa CSS Gradyan
