Des variables dans vos CSS, pourquoi pas ?

Parmi les nouveautés du langage CSS, on peut retenir l’apparition de variables. Tout comme dans un langage de programmation, vous avez la possibilité d’appeler une variable pour définir une couleur par exemple.

Pour utiliser cette fonctionnalité, vous devez déclarer vos variables dans un  bloc appelé :root :

:root {

–couleur-fond:#000;

–couleur-texte:#fff;

}

Une fois les variables définies, vous n’aurez plus qu’à les appeler :

#entete {
  color: var(–couleur-texte);
  background-color: var(–couleur-fond);
}
Cette astuce peut simplifier la mise à jour des coloris sur une page web.
Cette propriété est prise en charge par les dernières versions des navigateurs. Toutefois, elle n’est pas compatibles avec des versions d’Internet Explorer inférieur à la version 11 et Opera Mini.
0 0 Votes
Évaluation de l'article
S'abonner
Recevoir des notifications pour :
guest

* * Cette case à cocher est obligatoire

*

J'accepte

0 Commentaires
Commentaires publiés
Voir tous les commentaires