all

Syntaxe

Paramètres

Description

Cette propriété permet d'indiquer que toutes les propriétés sont réinitialisés à la valeur initiale ou hérité, sauf pour la direction et l'Unicode-Bidi.

Remarques

• Réinitialisation globale des propriétés : La propriété all permet de réinitialiser ou d'appliquer globalement un ensemble de propriétés CSS sur un élément. Elle inclut presque toutes les propriétés CSS héritables et non héritables, à l'exception de quelques propriétés spécifiques comme unicode-bidi ou direction. Cela simplifie la gestion des styles lorsque des conflits doivent être évités.
• Valeurs acceptées : La propriété accepte des valeurs comme inherit, initial, unset, déterminant comment les propriétés affectées seront réinitialisées ou héritées. Par exemple, initial rétablit chaque propriété à sa valeur par défaut (comportement de base du navigateur), tandis qu'unset applique l'héritage pour les propriétés héritables et réinitialise les autres.
• Réinitialisation simplifiée dans les composantes : Dans des scénarios complexes, tels que la gestion de composantes ou de widgets CSS, all peut être utilisé pour réinitialiser rapidement les styles appliqués par les règles globales. Cela garantit une apparence uniforme en supprimant les effets des styles précédents.
• Impact sur les performances : Bien que pratique, l'utilisation abusive de all peut avoir un impact négatif sur les performances, en particulier dans des applications ou pages avec des styles complexes. L'application d'une réinitialisation globale peut entraîner des recalculs inutiles des styles par le navigateur Web.
• Ne remplace pas les propriétés spécifiques : La propriété all agit uniquement sur l'élément où elle est appliquée et ne remplace pas les styles définis directement sur cet élément via des attributs HTML style ou via des règles CSS avec une spécificité ou une importance plus élevées (comme !important).
• Utile pour les animations ou transitions temporaires : Lors de la création d'animations ou de transitions, all peut être utilisé pour réinitialiser un élément à son état initial avant d'appliquer de nouveaux styles. Cela facilite le contrôle des étapes intermédiaires sans devoir cibler individuellement chaque propriété.
• Non affectée par certains contextes spécifiques : La propriété all n'a pas d'effet sur des propriétés comme display ou position si elles sont appliquées à des éléments ayant un comportement contextuel (par exemple, un élément table-row restant un enfant d'une table). Dans ces cas, des règles CSS spécifiques restent nécessaires.
• Compatibilité des navigateurs Web : Bien que all soit largement pris en charge par les navigateurs modernes comme Chrome, Firefox, Edge, et Safari, elle peut poser problème sur des versions plus anciennes ou des environnements spécifiques. Avant de l'utiliser dans des projets critiques, il est utile de vérifier sa compatibilité pour éviter des comportements inattendus.