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

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.