CSS Renk Anahtar Kelimeleri
transparentBu sayfada , currentcolorve
inheritanahtar sözcükleri açıklanacaktır .
şeffaf Anahtar Kelime
Anahtar transparentkelime bir rengi saydam yapmak için kullanılır. Bu genellikle bir öğe için saydam bir arka plan rengi yapmak için kullanılır.
Örnek
Burada, <div> öğesinin arka plan rengi tamamen şeffaf olacak ve arka plan görüntüsü şu şekilde gösterilecektir:
body {
background-image: url("paper.gif");
}
div {
background-color: transparent;
}
Not: Anahtar transparent
kelime rgba(0,0,0,0) ile eşdeğerdir. RGBA renk değerleri, bir rengin opaklığını belirten alfa kanalına sahip RGB renk değerlerinin bir uzantısıdır. Daha fazlasını CSS RGB bölümümüzde ve CSS Renkleri bölümümüzde okuyun.
Geçerli renk Anahtar Kelimesi
Anahtar currentcolorkelime, bir öğenin color özelliğinin geçerli değerini tutan bir değişken gibidir.
Bir öğede veya sayfada belirli bir rengin tutarlı olmasını istiyorsanız, bu anahtar sözcük yararlı olabilir.
Örnek
Bu örnekte <div> öğesinin kenarlık rengi mavi olacaktır, çünkü <div> öğesinin metin rengi mavidir:
div {
color: blue;
border: 10px solid currentcolor;
}
Örnek
Bu örnekte <div>'in arka plan rengi, gövde öğesinin geçerli renk değerine ayarlanmıştır:
body {
color: purple;
}
div {
background-color:
currentcolor;
}
Örnek
Bu örnekte <div>'in kenarlık rengi ve gölge rengi, gövde öğesinin geçerli renk değerine ayarlanmıştır:
body {
color: green;
}
div {
box-shadow: 0px 0px
15px currentcolor;
border: 5px solid currentcolor;
}
devralınan Anahtar Kelime
Anahtar inheritkelime, bir özelliğin değerini üst öğesinden devralması gerektiğini belirtir.
Anahtar inheritkelime, herhangi bir CSS özelliği için ve herhangi bir HTML öğesinde kullanılabilir.
Örnek
Bu örnekte <span>'ın kenarlık ayarları üst öğeden devralınır:
div {
border: 2px solid red;
}
span {
border:
inherit;
}