Le mot-clé initial
applique la valeur initiale d'une propriété à un élément. Il peut être utilisé pour chaque propriété CSS. Cette propriété prendra alors la valeur initiale spécifiée pour cette la propriété.
Pour les propriétés héritées, la valeur initiale peut donner des résultats étranges et mieux vaudra utiliser les mots-clés inherit
, unset
ou revert
.
Exemples
CSS
/* On ajoute une bordure verte aux titres */ .exemple { color: red; } /* Et on veut que ceux de la barre prennent la valeur initiale de color */ .exemple em { color: initial; }
HTML
<p class="exemple"> Texte rouge <em> ce texte est avec la couleur initiale (noire) </em> ce texte est rouge aussi </p>
Résultat
Spécifications
Spécification | État | Commentaires |
---|---|---|
CSS Cascading and Inheritance Level 4 La définition de 'initial' dans cette spécification. |
Version de travail | Aucun changement. |
CSS Cascading and Inheritance Level 3 La définition de 'initial' dans cette spécification. |
Candidat au statut de recommandation | Définition d'une valeur initiale. |
CSS Values and Units Module Level 3 La définition de 'initial' dans cette spécification. |
Candidat au statut de recommandation | Définition du mot-clé. |
Compatibilité des navigateurs
Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Support simple | 1.0 | 3.5 (1.9.1)-moz[1] 19.0 (19.0) |
Pas de support | 15.0 | 1.2 |
Fonctionnalité | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Support simple | 1.0 | 1.0 (1.9.1)-moz[1] 19.0 (19.0) |
Pas de support | Pas de support | (Oui) |
[1] La prise en charge du mot-clé, dans sa version préfixée : -moz-initial
, a été abandonnée depuis Firefox 24 et il faut désormais utiliser initial
.