Klíčová slova barev CSS
Tato stránka vysvětlí klíčová slova transparent
, currentcolor
, a
inherit
.
Průhledné klíčové slovo
Klíčové transparent
slovo se používá k zprůhlednění barvy. To se často používá k vytvoření průhledné barvy pozadí pro prvek.
Příklad
Zde bude barva pozadí prvku <div> zcela průhledná a obrázek na pozadí bude prosvítat:
body {
background-image: url("paper.gif");
}
div {
background-color: transparent;
}
Poznámka: Klíčové transparent
slovo je ekvivalentní rgba(0,0,0,0). Hodnoty barev RGBA jsou rozšířením hodnot barev RGB o alfa kanál – který určuje krytí pro barvu. Přečtěte si více v naší kapitole CSS RGB a v kapitole Barvy CSS .
Klíčové slovo aktuální barva
Klíčové currentcolor
slovo je jako proměnná, která obsahuje aktuální hodnotu vlastnosti color prvku.
Toto klíčové slovo může být užitečné, pokud chcete, aby určitá barva byla v prvku nebo na stránce konzistentní.
Příklad
V tomto příkladu bude barva ohraničení prvku <div> modrá, protože barva textu prvku <div> je modrá:
div {
color: blue;
border: 10px solid currentcolor;
}
Příklad
V tomto příkladu je barva pozadí <div> nastavena na aktuální hodnotu barvy prvku body:
body {
color: purple;
}
div {
background-color:
currentcolor;
}
Příklad
V tomto příkladu je barva ohraničení a barva stínu <div> nastavena na aktuální hodnotu barvy prvku tělo:
body {
color: green;
}
div {
box-shadow: 0px 0px
15px currentcolor;
border: 5px solid currentcolor;
}
Klíčové slovo zdědit
Klíčové inherit
slovo určuje, že vlastnost by měla zdědit svou hodnotu od svého nadřazeného prvku.
Klíčové inherit
slovo lze použít pro jakoukoli vlastnost CSS a na jakýkoli prvek HTML.
Příklad
V tomto příkladu bude nastavení ohraničení <span> zděděno z nadřazeného prvku:
div {
border: 2px solid red;
}
span {
border:
inherit;
}