all - Propriété CSS
Résumé des caractéristiques de la propriété all
initial
| unset
| revert
| revert-layer
| inherit
Description de la propriété all
.
all
est une propriété CSS qui représente TOUTES les propriétés. Elle permet, en une seule
écriture, d'appliquer la même valeur à toutes les propriétés d'un élément.
Elle est surtout utilisée pour les initialisations, avec les valeurs initial
, unset
, etc.
Cette propriété très particulière est en quelques sortes un résumé universel, qui initialise en une seule écriture toutes les propriétés,
de même que les autres propriétés résumées initialisent plusieurs propriétés.
Par exemple flex
initialise les trois propriétés flex-grow
, flex-schrink
et flex-basic
.
Il y a cependant deux propriétés qui ne seront pas initialisées par all
: ce sont direction
et unicode-bidi
.
all
ne peut accepter que les valeurs d'initialisation : une écriture comme all:20px;
n'a pas de sens dans la mesure où de nombreuses propriétés n'acceptent pas la valeur numérique 20px
.
Les propriétés personnalisées ne sont pas impactées par all
.
Rappelons que les propriétés personnalisées sont définies par le développeur et que leur nom commence obligatoirement
par un double tiret. Exemple :
--couleur-logo:#845884;
Syntaxes pour all
.
- all: revert;
Force toutes les propriétés de l'élément à la valeur qu'elles auraient eu sans l'application d'aucun styles utilisateur.
- all:
unset
;Force toutes les propriétés de l'élément à la valeur de l'élément parent si ces propriétés peuvent être héritées, et à leur valeur initiale si elles ne peuvent pas être héritées.
- all:
inherit
;Force toutes les propriétés de l'élément à la valeur héritée de l'élément parent.
- all:
initial
;Force toutes les propriétés de l'élément à leur valeur initiale.
Simulateur.
Le fonctionnement de la propriété all
est assez complexe. Jouez avec le simulateur ci-dessous pour vous en faire une idée.
Le résultat comporte deux éléments, l'un étant le parent de l'autre, pour mettre en évidence l'effet de la valeur inherit
.
all
n'est pas réversible : vous devrez recharger la page pour retrouver la mise en forme de départ.
all
va être modifiée.
Prise en charge de la propriété all
par les navigateurs courants.
all
Navigateurs sur ordinateurs :
Navigateurs sur mobiles :
Navigateurs obsolètes ou marginaux :
Androïd Brower
Baidu Browser
Chrome
Chrome pour Androïd
Edge
Firefox
Firefox pour Androïd
Internet Explorer
KaiOS Browser
Opéra
Opéra Mobile
QQ Browser
Safari
Safari sur IOS
Samsung Internet
Oméra mini
Voir aussi, dans le même module de standardisation que all
.
Les spécifications CSS éditées par le W3C sont organisées en modules. all
fait partie du Module CSS - Cascade et héritage (CSS Cascading and Inheritance). Les définitions suivantes sont également décrites dans ce même module.