all

La propriété raccourcie all permet de réinitialiser toutes les propriétés, à l'exception de unicode-bidi et direction, avec leurs valeurs initiales ou héritées.

Valeur initialeIl n'y a pas de valeur initiale pour cela.
Applicabilitétous les éléments
Héritéenon
MédiaIl n'y a pas de média pour cela.
Valeur calculéecomme la valeur spécifiée s'applique sur chaque propriété englobée par le raccourci
Animablecomme pour chaque propriété de la propriété raccourcie (toutes les propriétés sauf unicode-bidi et direction)
Ordre canoniquel'ordre unique et non-ambigu défini par la grammaire formelle

Syntaxe

all: initial;
all: inherit;
all: unset;

/* Héritage et cascade CSS : Niveau 4 */
all: revert;

Valeurs

initial
Ce mot-clé indique que toutes les propriétés qui s'appliquent à l'élément ou à son parent prendront leurs valeurs initiales. unicode-bidi et direction ne sont pas modifiées.
inherit
Ce mot-clé indique que toutes les propriétés qui s'appliquent à l'élément ou à son parent prendront la valeur déclarée pour le parent. unicode-bidi et direction ne sont pas modifiées.
unset
Ce mot-clé indique que toutes les propriétés qui s'appliquent à l'élément ou à son parent prendront la valeur déclarée pour le parent si elles peuvent être héritées ou la valeur initiale sinon. unicode-bidi et direction ne sont pas modifiées.
revert
Si la valeur obtenue dans la cascade est le mot-clé revert, le comportement obtenu sera différent selon l'origine de la déclaration :
La déclaration provient de l'agent utilisateur :
Synonyme de unset.
La déclaration provient de l'utilisateur :
Le moteur remonte la cascade au niveau de l'agent utilisateur afin de calculer la valeur comme si aucune règle n'était appliquée par le document ou par l'utilisateur.
La déclaration provient de l'auteur (du document)
Le moteur remonte la cascade au niveau de l'utilisateur afin de calculer la valeur comme si aucune règle ne provenait du document pour cette propriété.Cette origine inclue les origines des surcharges DOM et des animations.

Syntaxe formelle

initial | inherit | unset

Exemples

HTML

<blockquote id="quote">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</blockquote>
Phasellus eget velit sagittis.

CSS

html {
  font-size: small;
  background-color: #F0F0F0;
  color: blue;
}

blockquote {
  background-color: skyblue;
  color: red;
}

Résultat

Pas de propriété all

L'élément <blockquote> utilise la mise en forme par défaut du navigateur avec un arrière-plan spécifique et une couleur pour le texte. L'élément se comporte comme un élément de bloc : le texte qui suit est placé en dessous.

all:unset

L'élément <blockquote> n'utilise pas la mise en forme par défaut du naivgateur, c'est un élément en ligne (inline) (sa valeur initiale), la valeur de background-color est transparent (la valeur initiale), mais font-size vaut toujours small (valeur héritée) et color vaut (valeur héritée).

all:initial

L'élément <blockquote> n'utilise pas la mise en forme par défaut du navigateur, c'est un élément en ligne (sa valeur initiale). La propriété background-color vaut transparent (sa valeur initiale), font-size vaut normal (valeur initiale) et color vaut black (sa valeur initiale).

all:inherit

L'élément <blockquote> n'utilise pas la mise en forme par défaut du navigateur, c'est un élément de bloc (valeur héritée depuis l'élément englobant <div>), background-color vaut transparent (valeur héritée), font-size vaut small (valeur héritée) et color vaut blue (valeur héritée).

Spécifications

Spécification État Commentaires
CSS Cascading and Inheritance Level 4
La définition de 'all' dans cette spécification.
Version de travail Ajout de la valeur revert.
CSS Cascading and Inheritance Level 3
La définition de 'all' dans cette spécification.
Candidat au statut de recommandation Définition initiale.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support simple 37  27 (27) Pas de support 24 Pas de support
revert Pas de support Pas de support Pas de support Pas de support 9.1
Fonctionnalité Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Support simple Pas de support 27.0 (27) Pas de support Pas de support Pas de support
revert Pas de support Pas de support Pas de support Pas de support 9.3

Voir aussi

Les valeurs globales pour CSS :

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight
 Dernière mise à jour par : SphinxKnight,