Que fait réellement la valeur « initiale » de CSS ?

Comprendre la valeur « initiale » en CSS

Contrairement à l'hypothèse selon laquelle la valeur « initiale » restaure les styles initialement rendus appliqués par le feuille de style interne du navigateur, elle représente en fait la valeur initiale désignée de la propriété telle que définie dans les spécifications CSS. Cette valeur est indépendante du navigateur ou de l'élément auquel la propriété est appliquée.

Par exemple, la valeur initiale de la propriété 'display' est toujours 'inline' selon les spécifications CSS. Par conséquent, « div.initial » s'affichera en ligne quel que soit le paramètre par défaut de l'élément, qui peut être « block » pour « div ».

La confusion autour de la valeur « initiale » vient de l'idée fausse à laquelle elle fait référence. la valeur par défaut du navigateur. Cependant, ce n’est pas le cas. La valeur par défaut du navigateur n'est applicable que dans certaines situations, par exemple lorsqu'aucun CSS n'est appliqué ou lorsque la propriété n'est pas explicitement définie.

Bien que la valeur « initiale » ait une utilisation pratique limitée, elle peut être utile dans des cas spécifiques. scénarios. Par exemple, lorsqu'il s'agit de la propriété « color », où la valeur initiale dépend du navigateur (généralement le noir), l'utilisation de « initial » garantit l'utilisation de la couleur par défaut du navigateur. Un autre cas d'utilisation potentiel concerne la propriété « font-family », où « initial » renvoie la police par défaut du navigateur, qui peut varier en fonction des paramètres du navigateur.

Il est important de noter que la valeur « initiale » n'est pas pris en charge dans Internet Explorer, même dans les dernières versions, limitant encore davantage son applicabilité.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!