initial

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 
   border-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.

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, teoli, FredB, Mgjbot, Fredchat, Kyodev
 Dernière mise à jour par : SphinxKnight,