Les valeurs spécifiques (initial, revert, unset, etc.)
Cette page concerne aussi le(s) valeur(s) :
Résumé des caractéristiques de la valeur initial
Présentation générale de ces quatre valeurs.
La valeur initial.
La valeur initial redonne à une propriété sa valeur initiale, c'est à dire
avant application de toutes les feuilles de styles, y compris celle du navigateur.
Cette valeur peut être appliquée à toutes les propriétés, y compris la propriété résumée all.
Les valeurs initiales sont définies dans la norme du W3C. En principe, elles ne dépendent donc pas du navigateur.
Les valeurs initiales ne sont jamais inherit.
La valeur revert.
La valeur revert redonne à une propriété la valeur définie par la feuille de styles interne du navigateur.
revert annule donc l'effet de toutes les règles CSS définies par le développeur sur cette propriété.
Cette valeur peut être appliquée à toutes les propriétés, y compris à la propriété résumée all.
revert peut restituer la valeur inherit contrairement à initial.
La valeur revert-layer.
revert-layer annule les modifications apportées à la valeur de la propriété dans cette même couche de cascade.
Les modifications apportées dans une autre couche de cascade restent valides. Cette valeur peut être appliquée à toutes les propriétés,
y compris à la propriété résumée all.
Pour une explication plus détaillée sur les couches de cascade, reportez-vous à ce tutoriel sur les couches de cascade.
La valeur revert-rule.
revert-rule annule uniquement l'effet de la règle. Cette valeur est surtout intéressante lorsqu'elle est utilisée dans une condition.
Cette valeur peut être appliquée à toutes les propriétés, y compris à la propriété résumée all.
La valeur unset.
La valeur unset remet la propriété à la valeur initiale, sauf si la feuille de styles du navigateur définit
la valeur inherit. Dans ce cas unset récupère la valeur inherit.
Cette valeur peut être appliquée à toutes les propriétés, y compris à la propriété résumée all.
Résumé.
| Valeur initiale (W3C) |
Feuille de style du navigateur |
Couche (layer) |
Règle |
|---|---|---|---|
initial | |||
revert | |||
revert-layer | |||
revert-rule |
|||
unset | unset |
Exemples.
Exemple 1.
L'exemple illustre le comportement des trois valeurs initial, revert et unset sur une propriété
définie à la valeur inherit par le navigateur. Nous avons choisi la propriété font-size.
Les textes ont une taille fixée à small.
Pas de changement de la taille des caractères.
Voici un lien dont la propriété font-size
n'a pas été changée : sa valeur est donc définie par la feuille de styles interne du navigateur, soit pour cette propriété,
la valeur inherit.
Les caractères du lien ont effectivement la même taille que ceux du parent (le paragraphe dans lequel le lien est inclus).
Application de la valeur initial.
Ce lien a sa propriété font-size définie à la valeur initial.
On voit que les caractères du lien n'ont pas récupéré la taille du texte du paragraphe. En effet, la valeur initiale de font-size
est medium.
Application de la valeur revert.
La propriété font-size de ce lien a été fixée à la valeur revert.
La valeur définie par la feuille de styles du navigateur est donc restituée, soit, pour cette propriété, il s'agit de la valeur
inherit.
Application de la valeur unset.
La propriété font-size de ce lien a été fixée à la valeur unset.
Puisque la feuille de styles du navigateur définit la valeur inherit pour cette propriété, c'est cette valeur qui
est récupérée par unset.
Exemple 2.
Ce deuxième exemple illustre le comportement des trois valeurs initial, revert et unset sur une propriété
que le navigateur ne défini pas à la valeur inherit. Nous avons choisi la propriété background-color.
Pour la propriété background-color on voit que les trois valeurs prédéfinies renvoient finalement la même valeur :
la valeur initiale qui est transparent.
#ffff1c.Remarque : le débordement des blocs internes permet de distinguer la couleur de fond transparente de la couleur de fond du parent.
Application de la valeur initial.
La valeur initial a été appliquée à la couleur de l'arrière-plan. On retrouve donc transparent qui est la valeur initiale
pour la propriété background-color.
Application de la valeur revert.
La valeur revert a été appliquée à la propriété background-color.
On devrait donc récupérer la valeur définie par le navigateur dans sa feuille de styles interne, mais le navigateur ne définit
rien : on reprend donc la valeur initiale.
Application de la valeur unset.
La valeur unset a été appliquée à la couleur d'arrière-plan. Dans la mesure où le navigateur n'a pas forcé cette
valeur à inherit, c'est la valeur initiale qui est récupérée, soit transparent.
Prise en charge par les navigateurs (compatibilité).
Les quatre valeurs initial, revert, unset et revert-layer sont bien reconnues par les navigateurs.
Il y encore des problèmes de compatibilité avec la valeur revert-rule.
initial qui redonne à la propriété sa valeur initiale (définie dans la norme).revert qui redonne à la propriété la valeur définie par le navigateur, comme si aucune feuille de styles utilisateur ne mentionnait cette propriété.revert-layer qui annule toutes les règles concernant une propriété dans cette couche.revert-rule qui annule l'effet de la règle en cours.unset qui redonne à la propriété la valeur initial ou la valeur inherit s'il s'agit d'une propriété héritée.initialrevertrevert-layerrevert-ruleunsetNavigateurs sur ordinateurs :
Navigateurs sur mobiles :
Navigateurs obsolètes ou marginaux :
Internet Explorer
UC Browser pour Androïd
Opéra Mobile
QQ Browser
Baidu Browser
Safari
Safari sur IOS
Opéra
Samsung Internet
Edge
Chrome
KaiOS Browser
Androïd Brower
Firefox
Chrome pour Androïd
Firefox pour Androïd
Opéra mini
Historique des valeurs initial.
-
CSS 1 - Spécification concernant les feuilles de styles en cascade - Version 1
Ce premier niveau de la spécification CSS décrit le mécanisme des feuilles de styles en cascade. Les auteurs et les lecteurs peuvent ajouter des styles aux documents. Principalement destiné à la mise en forme des documents HTML, CSS permet de définir les couleurs, les polices de caractères, la mise en forme du texte, les espacements (marges), etc. Le langage CSS est d'une compréhension aisée, lisible et facile à rédiger, il utilise les termes courants de la publication de bureau.
ConcernantinitialDéfinition de la valeurinitialdans le toute première version de CSS.
17 Novembre 1995Document de travail.
12 Novembre 1996Proposé à la recommandation.
17 Décembre 1996Recommandation.
13 Septembre 2018Ancienne spécification, déclarée obsolète. -
CSS 2.1 - Spécification concernant les feuilles de styles en cascade - Révision 1
Ce niveau 2 de la spécification décrit le mécanisme des styles en cascade de CSS. Ce langage est utilisé pour formater les documents HTML ou XML. Il prend en charge les feuilles de style spécifiques aux médias afin que les auteurs puissent adapter la présentation de leurs documents aux navigateurs visuels, aux dispositifs auditifs, aux imprimantes, aux appareils braille, aux appareils portables, etc.
04 Novembre 1997Document de travail.24 Mars 1998Proposé à la recommandation.11 Mai 1998Recommandation. -
Module CSS - Cascade et héritage - Niveau 3
Ce module de spécification introduit les valeurs
initialetunset, ainsi que la propriété résuméeall.13 Juillet 2001Document de travail.
03 Octobre 2013Candidat à la recommandation.22 Décembre 2020Proposé à la recommandation.11 Février 2021Recommandation. -
Module CSS - Cascade et héritage - Niveau 4
Ce module de spécification introduit la valeur
revert.21 Avril 2015Document de travail.14 Janvier 2016Candidat à la recommandation. -
Module CSS - Cascade et héritage - Niveau 5
Ce module de spécification introduit la notion de couches de styles, la directive
@layer, et la valeurrevert-layer.19 Janvier 2021Document de travail.13 Janvier 2022Candidat à la recommandation.
Voir aussi, à propos des valeurs.
Les spécifications CSS éditées par le W3C sont organisées en modules.
Les valeurs initial, revert, revert-layer et unset font partie du module Module CSS - Cascade et héritage.
Les définitions suivantes sont également décrites dans ce même module.