Puis-je utiliser des variables CSS dans IE11 sans support natif ?

IE11 : Polyfill des variables CSS

Question :

Puis-je utiliser des variables CSS dans IE11 sans support natif ?

Réponse :

Oui, en utilisant le CSS Vars Ponyfill.

Le CSS Vars Ponyfill est une bibliothèque JavaScript côté client qui transforme les propriétés personnalisées CSS en valeurs statiques, permettant aux navigateurs IE11 de prendre en charge les variables CSS. Il offre des fonctionnalités telles que :

• Mises à jour en direct des valeurs d'exécution
• Transformation du lien, du style et @import CSS
• Prise en charge des var() chaînés et imbriqués fonctions
• Intégration avec les composants Web et le shadow DOM

Utilisation :

Incluez le ponyfill dans votre page Web :

<script src="https://unpkg.com/css-vars-ponyfill/dist/css-vars-ponyfill.js"></script>

Limitations :

• La prise en charge des propriétés personnalisées est limitée aux déclarations :root et :host.
• L'utilisation de var() est limitée aux valeurs de propriété.

Exemples :

:root {
  --color: red;
}

p {
  color: var(--color);
}

:root {
  --size: 1em;
  --multiplier: 2;
}

p {
  font-size: calc(var(--size) * var(--multiplier));
}

Spécifications W3C :

• [CSS personnalisé Propriétés](https://www.w3.org/TR/css-variables-1/)
• [Cascade CSS et niveau d'héritage 4](https://www.w3.org/TR/css -cascade-4/#cascade-order)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!