recherche

Maison >interface Web >tutoriel CSS >Que fait réellement la valeur CSS « initiale » ?

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

DDD
DDDoriginal
2024-12-02 03:19:13505parcourir

What Does the CSS `initial` Value Really Do?

Utilisation de la valeur « initiale » en CSS : expliquée

La valeur « initiale » en CSS a été une source de confusion pour de nombreux développeurs . Il est souvent compris à tort comme représentant le style par défaut du navigateur, ce qui n'est pas toujours le cas.

Définition de « Initial »

Selon les spécifications CSS, « initial » fait référence à la valeur initiale spécifiée d'une propriété, telle que définie dans la documentation de la propriété. Cette valeur n'a aucun rapport avec le style par défaut du navigateur ou la valeur d'origine de l'élément.

Exemple : Propriété 'display'

Dans le cas de la propriété 'display', ' initial' signifie toujours 'inline' car c'est la valeur initiale désignée. Dans l'exemple fourni :

div.inline {
  display: inline;
}

div.initial {
  display: initial;
}

s'affichera en ligne, et
s'affichera également en ligne malgré le style de navigateur par défaut pour les éléments 'div' étant bloqués. En effet, 'initial' définit toujours la propriété 'display' sur 'inline'.

Utilité limitée de 'Initial'

Bien que 'initial' puisse être utile pour rétablissant la valeur initiale spécifiée d'une propriété, son utilité est limitée par les éléments suivants facteurs :

  • Comportement déroutant : Sa signification varie en fonction de la propriété, contrairement à la valeur « par défaut du navigateur ».
  • Support limité : Il n'est pas pris en charge dans Internet Explorer (y compris IE 10).

Cas d'utilisation spécifiques

Certains cas d'utilisation potentiels pour « initial » incluent :

  • Définition de la « couleur » ' à 'initial' pour revenir à la valeur par défaut du navigateur (qui peut varier)
  • Définition de la propriété 'font-family' sur 'initial' pour utiliser la police par défaut du navigateur (qui peut varier en fonction des paramètres de l'utilisateur)

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!

css for while include Property default this display
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment puis-je créer une ombre portée unilatérale en CSS ?Article suivant：Comment puis-je créer une ombre portée unilatérale en CSS ?

Articles Liés

Voir plus