Que signifie vraiment « initial » en CSS ?-tutoriel CSS-php.cn

Que signifie vraiment « initial » en CSS ?

Mary-Kate Olsen

Libérer： 2024-11-24 03:54:14

original

641 Les gens l'ont consulté

What Does `initial` Really Mean in CSS?

Dévoilement de la signification de « initial » en CSS

Contrairement aux hypothèses initiales, la valeur « initiale » en CSS ne rétablit pas les styles comme rendu par la feuille de style interne d'un navigateur. Il représente la valeur initiale désignée de la propriété, telle que définie par les spécifications CSS.

Comprendre la valeur « initiale »

La valeur « initiale » n'est pas synonyme de la valeur par défaut du navigateur . Sa signification varie en fonction de la propriété spécifique. Par exemple, pour la propriété « display », « initial » signifie invariablement « inline », la valeur initiale désignée.

Exemple d'exploration

Considérez l'extrait suivant :

div.inline {
  display: inline;
}

div.initial {
  display: initial;
}

Copier après la connexion

Conformément aux attentes, la règle « en ligne » affiche

en ligne. Cependant, la règle « initiale » affiche également

en ligne, et non dans sa valeur « bloc » initiale. Ce comportement provient du fait que « initial » pour « display » signifie toujours « en ligne ».

Utilité limitée

La valeur « initiale » a une utilité limitée. Cela peut être utile pour la propriété 'color', où sa signification dépend du navigateur. De même, l'utilisation de 'font-family: initial' récupère la police par défaut du navigateur.

Compatibilité et conclusion du navigateur

Notez que 'initial' n'est pas pris en charge dans Internet Explorer, limitant encore davantage sa praticité. En conclusion, la valeur « initiale » est un concept CSS souvent mal compris. Il fait référence à la valeur initiale désignée de la propriété et n'implique pas la valeur par défaut du navigateur ni le style de rendu initial de l'élément.

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：Pourquoi mes sauts de page CSS fonctionnent-ils dans certains navigateurs mais pas dans d'autres ? Article suivant：Pourquoi n'affiche-t-il pas : block ; width: auto;` Faire en sorte qu'un champ de saisie remplisse son conteneur ?

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

Derniers numéros

function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...

Depuis 2024-04-29 11:01:01

2311

Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?

Depuis 2024-04-23 00:22:19

2445

La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...

Depuis 2024-04-19 15:37:47

2060

Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...