CSS : Variables natives dans les feuilles de style

1 étoile2 étoiles3 étoiles4 étoiles5 étoiles (5,00/5 - 2 vote(s))
Baptiste Développement web 1
CSS : Variables natives dans les feuilles de style

Dans nos feuilles de style, de nombreuses valeurs sont identiques, comme par exemple des couleurs de typographie, bordures et autres éléments issues de la maquette du site web intégré. A l’instar de langages plus évolués comme le PHP, pourquoi alors ne pas proposer de variables, déclarées initialement et réutilisables à souhait, simplifiant développement et maintenance ?

Entre autres, cette limitation explique le succès de solution telles que SASS et LESS.

Mais les variables CSS, aujourd’hui à l’état de brouillon, arrivent nativement, bien que de manière sensiblement moins pratique par rapport aux produits sus-cités. On aurait donc :

:root { var-color: #666; }

#weblife { color: var(color); }

Comme visible dans l’exemple ci-dessus, la déclaration de variable nécessite l’utilisation du préfixe var-* suivi du nom qui permettra de récupérer la valeur ultérieurement à l’aide de la fonction var().

On aurait déjà envie de l’utiliser, mais il va encore falloir patienter…

Via

Laisser un commentaire

Un commentaire le "CSS : Variables natives dans les feuilles de style"

    Rétroliens de cet article

    1. Firefox : Variables CSS3 pour les styles supportées - WebLife