Mots-clés de couleur CSS

Cette page vous expliquera transparent
, currentcolor
et
mots clés.
inherit
Le mot-clé transparent
Le transparent
mot-clé est utilisé pour rendre une couleur transparente. Ceci est souvent utilisé pour créer une couleur de fond transparente pour un élément.
Exemple
Ici, la couleur d’arrière-plan de l’élément
corps {
image d’arrière-plan : url(« papier.gif »);
}
div {
couleur de fond : transparente ;
}
Essayez-le vous-même »
Note: Le transparent
mot-clé est équivalent à rgba(0,0,0,0). Les valeurs de couleur RGBA sont une extension des valeurs de couleur RGB avec un canal alpha – qui spécifie l’opacité d’une couleur. Pour en savoir plus, consultez notre chapitre CSS RGB et notre chapitre CSS Colors.
Le mot-clé currentcolor
Le currentcolor
Le mot-clé est comme une variable qui contient la valeur actuelle de la propriété color d’un élément.
Ce mot-clé peut être utile si vous souhaitez qu’une couleur spécifique soit cohérente dans un élément ou une page.
Exemple
Dans cet exemple, la couleur de la bordure de l’élément
div {
Couleur bleue;
bordure : 10 pixels couleur actuelle solide ;
}
Essayez-le vous-même »
Exemple
Dans cet exemple, la couleur d’arrière-plan de
corps {
couleur violet;
}
div {
couleur d’arrière-plan : couleur actuelle ;
}
Essayez-le vous-même »
Exemple
Dans cet exemple, la couleur de bordure et la couleur d’ombre de
corps {
la couleur verte;
}
div {
boîte-ombre : 0px 0px 15px couleur actuelle ;
bordure : 5 pixels couleur actuelle solide ;
}
Essayez-le vous-même »
Le mot-clé hérité
Le inherit
Le mot-clé spécifie qu’une propriété doit hériter sa valeur de son élément parent.
Le inherit
Le mot-clé peut être utilisé pour n’importe quelle propriété CSS et sur n’importe quel élément HTML.
Exemple
Dans cet exemple, les paramètres de bordure de seront hérités de l’élément parent :
div {
bordure : 2 pixels rouge uni ;
}
portée {
frontière : hériter ;
}
Essayez-le vous-même »
#Motsclés #couleur #CSS