Astuce 014

Astuce 014

Réinitialiser toutes les propriétés en un claquement de doigt et uniquement en CSS. ✨

Je te parle pas du Snap de Thanos mais d’une propriété CSS.

La propriété CSS all permet de réinitialiser toutes les propriétés, à l’exception de unicode-bidi, direction, et des variables CSS.

Elle peut définir les propriétés avec leurs valeurs initiales, héritées ou aux valeurs spécifiées dans une autre origine de feuille de style.

Elle prend des valeurs que tu dois certainement connaitre si tu fais du CSS :

  • initial
  • inherit
  • unset
  • revert

(si tu ne connais, fais le moi savoir pour que fasse un post dessus 😉)

L’utilisation de la propriété all n’est pas commune. Mais elle peut par exemple être utilisée pour reset les propriétés d’un élément à n’importe quel moment et sans devoir passer par du Javascript.

La propriété est supportée dans tous les navigateurs récents, avec un score de 95.52% côté Can I use. 🙌

Pour finir je t’invite à commenter le post avec un sujet que tu aimerais que je traite 💬

👋

Haut de page