Que fait réellement la valeur CSS « initiale

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

DDD

Libérer： 2024-12-02 03:19:13

original

411 Les gens l'ont consulté

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;
}

Copier après la connexion

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!

source：php.cn

Article précédent：Comment puis-je créer une ombre portée unilatérale en CSS ? Article suivant：Pourquoi mon serveur Nginx ne charge-t-il pas les fichiers CSS après le passage d'Apache2 ?

Déclaration de ce site Web

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

Derniers articles par auteur