Maison > Article > interface Web > Quel est le comportement de repli pour les attributs CSS sans unité ?
Comportement de repli pour les attributs CSS sans unité
Introduction
Lorsqu'un attribut CSS n'a pas d'unité (par exemple, px, em, pt, %), les navigateurs présentent souvent des comportements de repli distincts. Cet article examine la justification de ces comportements et les directives pertinentes dans les spécifications du W3C.
Retour à l'unité px
En mode bizarreries, certains navigateurs, tels que les versions d'Internet Explorer 6-5, peut remplacer les attributs de largeur et de bordure sans unité par px. Historiquement, ce comportement provenait d'attributs HTML qui acceptaient des longueurs de pixels sans unité.
Unité de secours préférée
Bien que px soit une unité de secours courante, elle n'est pas universellement préférée. Les spécifications du W3C n'exigent pas une unité de secours spécifique.
Repli obligatoire
Aucune norme du W3C n'exige explicitement que les agents utilisateurs (UA) se replient sur une unité préférée. Cette absence de mandat clair contribue aux incohérences observées dans le comportement du navigateur.
Exemple de comportement
En mode standards, un UA doit ignorer les valeurs de longueur sans unités. Cependant, en mode bizarreries, les navigateurs peuvent présenter des comportements variables, comme le montre l'exemple :
Réponse de Microsoft Connect
La déclaration de Microsoft Connect souligne que l'absence d'unités n'est pas facultative en mode standards. Par conséquent, IE10 et les versions ultérieures ignorent les règles avec des longueurs sans unités.
Conclusion
Le comportement de secours pour les attributs CSS sans unités est soumis aux implémentations spécifiques au navigateur et peut varier en fonction de le mode de rendu. Alors que le mode standards dicte le rejet des longueurs sans unité, le mode bizarreries introduit des incohérences. Les développeurs doivent être conscients de ces comportements pour garantir la compatibilité entre navigateurs.
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!