Publié le 8 juillet 2019

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.

Poster un Commentaire

avatar

* * Cette case à cocher est obligatoire

*

J'accepte

  Subscribe  
Recevoir des notifications pour :