Variables CSS

Posté le 11 Avr, 2008 dans web | 0 commentaires

Un peu de nouveauté dans le monde du css, les variables:
http://disruptive-innovations.com/zoo/cssvariables/

C’est en gros créer des variables qui remplaceraient (en permettraient d’en ajouter) les actuelles différences css que l’on peut avoir en fonction du lecteur utilisé : media CSS ce qui permettrai de maintenir aisément ces feuilles de style pour tous type de média (et ne pas avoir à tout réécrire …).

Exemple:

@variables {
  myMargin1: 1°px;
}

@variables print {
  myMargin1: 2em;
}

.data, div.entry {
  margin-left: 30px;
  margin-left: var(myMargin1);
}

Un élément de la class data aura donc un margin left de 10px ou 2em en fonction du type de lecteur (normal ou « print ») et 30px pour les navigateur non compatibles avec les variables CSS

C’est à mon avis une avancé majeure pour le CSS et notamment pour faciliter la création de sites accessibles.

Commentaires fermés

Désolé les commentaires sont désactivés sur cet article.