Le mot-clé revert permet de remonter la cascade afin que la propriété puisse prendre la valeur qui aurait été utilisée sans mise en forme particulière (la valeur qu'elle aurait eu sans mise en forme appliquée par la feuille de style de l'auteur, de l'utilisateur ou de l'agent utilisateur). S'il est utilisée dans une feuille de style d'un auteur web (le cas normal), cela réinitialisera la propriété avec la valeur par défaut définie par la feuille de style de l'agent utilisateur (ou par le style utilisateur s'il y en a un). Ce mot-clé peut être utilisé sur n'importe quelle propriété CSS, y compris la propriété raccourcie all.

Le mot-clé revert est différent de initial et ne doit pas être confondu avec ce dernier. initial utilise la valeur initiale, définie pour chaque propriété par les spécifications CSS. En revanche, les feuilles de style des agents utilisateurs définissent des valeurs par défaut selon les sélecteurs CSS. Par exemple, la valeur initiale de display est inline mais un agent utilisateur pourra définir les valeurs par défaut suivante dans sa feuille de style : block pour <div>, table pour <table> etc.

La mot-clé revert est utile pour isoler les composants intégrés des styles de la page qui les contient, notamment quand il est utilisé avec la propriété all.

S'il est utilisé dans les feuilles de styles de l'utilisateur, revert remonte la cascade et réinitialise la propriété avec la valeur par défaut définie dans la feuille de style de l'agent utilisateur.

Exemples

HTML

<section>
  <p>Voici une section !</p>

  <aside class="widget">
    <p>Et un petit widget.</p>
  </aside>
</section>

CSS

section {
  color: blue;
  font-family: sans-serif;
  font-weight: bold;
}

.widget {
  all: revert;
}

Résultat

Spécifications

Spécification Statut Commentaires
CSS Cascading and Inheritance Level 4
La définition de 'revert' dans cette spécification.
Candidat au statut de recommandation Définition initiale.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome Aucun support Non
Notes
Aucun support Non
Notes
Notes See bug 579788.
Edge Aucun support Non
Notes
Aucun support Non
Notes
Notes See this enhancement request.
Firefox Aucun support Non
Notes
Aucun support Non
Notes
Notes See bug 1215878.
IE Aucun support NonOpera Aucun support NonSafari Support complet 9.1WebView Android Aucun support Non
Notes
Aucun support Non
Notes
Notes See bug 579788.
Chrome Android Aucun support Non
Notes
Aucun support Non
Notes
Notes See bug 579788.
Edge Mobile Aucun support Non
Notes
Aucun support Non
Notes
Notes See this enhancement request.
Firefox Android Aucun support Non
Notes
Aucun support Non
Notes
Notes See bug 1215878.
Opera Android Aucun support NonSafari iOS Support complet 9.3Samsung Internet Android Aucun support Non

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Voir les notes d'implémentation.
Voir les notes d'implémentation.

Voir aussi

  • initial
  • inherit
  • unset
  • La propriété all permet de réinitialiser l'ensemble des propriétés avec leurs valeurs initiales, héritées, annulées ou par défaut.

Étiquettes et contributeurs liés au document

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