HTML & CSS

Mots-clés de couleur CSS


Cette page vous expliquera transparent, currentcoloret
inherit
mots clés.


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

sera entièrement transparente et l’image d’arrière-plan apparaîtra :

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

sera bleue, car la couleur du texte de l’élément

est bleue :

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

est définie sur la valeur de couleur actuelle de l’élément body :

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

sont définies sur la valeur de couleur actuelle de l’élément body :

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

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Check Also
Close
Back to top button