All - Propriété CSS

Schéma syntaxique de all.

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é résumée initialisent plusieurs propriétés.
Par exemple flex initialise les trois propriétés flex-grow, flex-shrink 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. Ces deux propriétés ont en effet un statut particulier : elle ne devraient pas être utilisées en CSS, et être toujours codées dans le document (attribut dir). Elle sont cependant conservées pour étendre les possibilités d'autres langages que HTML.

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;

Valeurs pour all.

• all: revert; all: revert-layer;

  Force toutes les propriétés de l'élément à la valeur qu'elles auraient eu sans l'application d'aucun styles utilisateur. Plus d'informations sur les valeurs revert et revert-layer.

• 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. Voir la valeur unset.

• all: inherit

  Force toutes les propriétés de l'élément à la valeur héritée de l'élément parent. Voir la valeur inherit.

• all: initial;

  Force toutes les propriétés de l'élément à leur valeur initiale. Voir la valeur initial.

Manipulation de la propriété all par programme.

Modifier la valeur de all avec Javascript.

Le code ci-dessous est un exemple pour modifier la valeur de la propriété all sur UN élément. Deux syntaxes sont possibles : la première traite l'objet style comme un tableau, la deuxième comme un objet.

let el = document.getElementById('id'); el.style['all'] = 'initial'; // ou let el = document.getElementById('id'); el.style.all = 'initial';

Récupérer la valeur de all avec Javascript.

La valeur de la propriété doit avoir été affecté à l'élément via son attribut style, ou par le code précédent, mais pas en passant par un sélecteur CSS.

let el = document.getElementById('id'); let value = el.style['all']; // ou let el = document.getElementById('id'); let value = el.style.all;

Récupérer la valeur calculée de all.

Dans le cas de all la valeur calculée n'a pas beaucoup de sens car all est une propriété qui résume toutes les autres.

Définir la valeur de all avec JQuery.


$('#id').css('all', 'initial');


Testez vous-même.

Les boutons ci-dessous appliquent la valeur saisie à la propriété all et affichent ensuite soit la valeur telle qu'elle a été appliquée, soit la valeur calculée. Dans le cas de la propriété all la valeur calculée sera toujours vide.

Prise en charge de all par les navigateurs.

1

Propriété
all

Estimation de la prise en charge globale.

97%

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Internet Explorer

UC Browser pour Androïd

Opéra Mobile

QQ Browser

Baidu Browser

Opéra

Samsung Internet

Firefox pour Androïd

Edge

Firefox

Chrome pour Androïd

Androïd Brower

Safari

Safari sur IOS

Chrome

KaiOS Browser

Opéra mini

Voir le site Caniuse.com pour plus d'informations de compatibilité.

Caniuse

Historique de la propriété all.

• Module CSS - Cascade et héritage - Niveau 3

  Introduction de la propriété all résumant toutes les autres propriétés.
  

  13 Juillet 2001

  Document de travail.

  

  03 Octobre 2013

  Candidat à la recommandation.

  

  22 Décembre 2020

  Proposé à la recommandation.

  

  11 Février 2021

  Recommandation.

• Module CSS - Cascade et héritage - Niveau 4

  Ajout de la valeur revert, acceptée par la propriété all.
  

  21 Avril 2015

  Document de travail.

  

  14 Janvier 2016

  Candidat à la recommandation.

  

  

• Module CSS - Cascade et héritage - Niveau 5

  Ajout de la valeur revert-layer, pour la propriété all.
  

  19 Janvier 2021

  Document de travail.

  

  13 Janvier 2022

  Candidat à la recommandation.

  

  

Voir aussi, au sujet de la cascade.

La spécification "Module CSS - Cascade et héritage" (CSS Cascading and Inheritance) du W3C regroupe les informations concernant l'organisation des feuilles de styles complexes et l'héritage.

Directives :

Valeurs: