CSS- kleur sleutelwoorde
Hierdie bladsy sal die transparent, currentcolor, en
inheritsleutelwoorde verduidelik.
Die deursigtige sleutelwoord
Die transparentsleutelwoord word gebruik om 'n kleur deursigtig te maak. Dit word dikwels gebruik om 'n deursigtige agtergrondkleur vir 'n element te maak.
Voorbeeld
Hier sal die agtergrondkleur van die <div>-element heeltemal deursigtig wees, en die agtergrondprent sal deur wys:
body {
background-image: url("paper.gif");
}
div {
background-color: transparent;
}
Let wel: Die transparent
sleutelwoord is gelykstaande aan rgba(0,0,0,0). RGBA-kleurwaardes is 'n uitbreiding van RGB-kleurwaardes met 'n alfakanaal - wat die ondeursigtigheid vir 'n kleur spesifiseer. Lees meer in ons CSS RGB- hoofstuk en in ons CSS-kleure- hoofstuk.
Die huidige kleur sleutelwoord
Die currentcolorsleutelwoord is soos 'n veranderlike wat die huidige waarde van die kleur-eienskap van 'n element hou.
Hierdie sleutelwoord kan nuttig wees as jy wil hê dat 'n spesifieke kleur konsekwent in 'n element of 'n bladsy moet wees.
Voorbeeld
In hierdie voorbeeld sal die randkleur van die <div>-element blou wees, want die tekskleur van die <div>-element is blou:
div {
color: blue;
border: 10px solid currentcolor;
}
Voorbeeld
In hierdie voorbeeld is die <div> se agtergrondkleur ingestel op die huidige kleurwaarde van die liggaamselement:
body {
color: purple;
}
div {
background-color:
currentcolor;
}
Voorbeeld
In hierdie voorbeeld is die <div> se randkleur en skadukleur gestel op die huidige kleurwaarde van die liggaamselement:
body {
color: green;
}
div {
box-shadow: 0px 0px
15px currentcolor;
border: 5px solid currentcolor;
}
Die erfsleutelwoord
Die inheritsleutelwoord spesifiseer dat 'n eiendom sy waarde van sy moederelement moet erf.
Die inheritsleutelwoord kan gebruik word vir enige CSS eiendom, en op enige HTML element.
Voorbeeld
In hierdie voorbeeld sal die <span> se grensinstellings van die ouerelement geërf word:
div {
border: 2px solid red;
}
span {
border:
inherit;
}