CSSPropriétés personnalisées (variables)


Introduction

Les variables CSS permettent aux auteurs de créer des valeurs réutilisables pouvant être utilisées dans un document CSS.

Par exemple, il est courant en CSS de réutiliser une seule couleur dans un document. Avant les variables CSS, cela impliquerait de réutiliser la même valeur de couleur plusieurs fois dans un document. Avec les variables CSS, la valeur de couleur peut être affectée à une variable et référencée à plusieurs endroits. Cela facilite la modification des valeurs et est plus sémantique que l'utilisation des valeurs CSS traditionnelles.

Syntaxe

  • : pseudo-classe root {} / * permettant une définition plus globale des variables * /
  • - nom-variable: valeur ; / * définir la variable * /
  • var (- nom-variable, valeur par défaut ) / * utilise une variable définie avec une valeur par défaut repli * /

Remarques

Les variables CSS sont actuellement considérées comme une technologie expérimentale.


SUPPORT DE NAVIGATEUR / COMPATIBILITÉ

Firefox: Version 31 + (activé par défaut)

Plus d'info de Mozilla

Chrome: Version 49 + (activé par défaut) .

"Cette fonctionnalité peut être activée dans Chrome Version 48 pour les tests en activant la fonctionnalité experimental Web Platform . Entrez chrome://flags/ dans votre barre d’adresse Chrome pour accéder à ce paramètre."

IE: Non pris en charge.

Edge: en cours de développement

Safari: Version 9.1+

Propriétés personnalisées (variables) Exemples Liés