Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

all - Propriété CSS

all

Résumé des caractéristiques de la propriété all

Description rapide
Initialisation de toutes les propriétés.
Statut
Standard
Type de valeur
Valeur prédéfinie
Valeurs prédéfinies
initial | unset | revert | revert-layer | inherit
Pourcentages
Voir les propriétés individuelles
Valeur initiale
Voir les propriétés individuelles.
Type d'animation
Voir les propriétés individuelles
Module W3C
Module CSS - Cascade et héritage
Références (W3C)
 🡇  
 🡅  
Statut du document:: CR (document proposé pour la recommandation)

Statut du document:: CR (document proposé pour la recommandation)

Statut du document:: REC (recommandation)

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 :

 

Cadre parent. Cliquez pour afficher les styles de ce cadre parent.
Cadre dont la propriété all va être modifiée.

Prise en charge de la propriété all par les navigateurs courants.

1
all
Estimation de la prise en charge en pourcentage du parc actuel.
97%

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.

Directives.

Importation d'une feuille de styles.
Définit les couches de cascade (layer) pour faciliter la gestion des priorités entre les règles CSS.