Avec Windows 10 Creators Update, Microsoft Edge prendra en charge les propriétés personnalisées CSS
2 minute. lis
Publié le
Partagez cet article
Améliorer ce guide
Lisez notre page de divulgation pour savoir comment vous pouvez aider MSPoweruser à soutenir l'équipe éditoriale En savoir plus
Avec la prochaine mise à jour de Windows 10 Creators qui sortira le mois prochain, Microsoft Edge prendra en charge les propriétés personnalisées CSS qui permettent aux développeurs de cascader entièrement les variables sur les propriétés CSS.
En général, les applications Web peuvent contenir pas mal de CSS. La plupart des valeurs du fichier CSS seront des données en double ; par exemple, un site peut établir un jeu de couleurs et réutiliser trois ou quatre couleurs sur l'ensemble du site. La modification de ces données peut être difficile et source d'erreurs, car elles sont dispersées dans le fichier CSS (et éventuellement dans plusieurs fichiers) et peuvent ne pas se prêter à Rechercher et remplacer. Les propriétés personnalisées CSS résolvent ce problème en utilisant une famille de propriétés personnalisées définies par l'auteur, connues collectivement sous le nom de propriétés personnalisées, qui permettent aux développeurs d'attribuer des valeurs arbitraires à une propriété avec un nom, et la fonction var(), qui permet aux développeurs d'utiliser ensuite ces valeurs. dans d'autres propriétés ailleurs dans le document. Découvrez un exemple ci-dessous,
:root { --primary: #0B61A4; --secondaire : #25567B ; } en-tête { arrière-plan : var(--primary); bordure inférieure : 2 pixels var solide (--secondaire) ; }
Les propriétés personnalisées CSS rendront l'édition des fichiers CSS beaucoup plus facile et moins sujette aux erreurs, car les développeurs doivent modifier la valeur une fois, dans la propriété personnalisée, et la modification se propagera automatiquement à toutes les utilisations de cette variable.
Si vous êtes un développeur, vous pouvez désormais essayer les propriétés personnalisées CSS dans les versions récemment publiées de Windows Insider Preview à partir de EdgeHTML 15.15061. Consultez également les Démo de Pooch de propriétés personnalisées pour voir cette fonctionnalité en action.
