Comment les navigateurs gèrent-ils les unités manquantes dans les attributs CSS ?

Retour pour les attributs CSS sans unité

En CSS, lorsqu'une unité (par exemple, px, em, pt, %) est manquante dans un attribut, les navigateurs gèrent la situation différemment.

Comportement du mode Quirks

En mode Quirks, certains navigateurs peuvent revenir à une unité préférée, généralement px. Ce comportement est basé sur l'héritage des attributs HTML sans unité comme la largeur et la hauteur.

Comportement en mode standard

En mode standard, conformément aux spécifications CSS2.1, tous les non -Les valeurs de longueur nulle nécessitent des unités. Les UA sont censés ignorer les valeurs de longueur sans unités.

Incohérences du navigateur

Malgré le comportement standardisé en mode standards, les navigateurs présentent des incohérences en mode bizarreries :

• Internet Explorer : règles sans unité ignorées dans IE7 et versions ultérieures
• Firefox : retour à px pour la largeur mais ignoré la largeur de la bordure
• Chrome, Opera, Safari : retour à px pour les deux largeurs et border-width

Exigences du W3C

Le W3C ne dicte pas le comportement des attributs CSS sans unité en mode bizarreries. Les spécifications exigent uniquement que les UA ignorent les valeurs de longueur sans unité en mode standards.

Questions spécifiques :

1. Pourquoi le repli px en mode bizarreries ?
   C'est un comportement bizarre basé sur les attributs HTML hérités.
2. Retour obligatoire à l'unité préférée ?
   Non, ce n'est pas obligatoire en mode bizarreries.
3. Comportement correct du mode bizarreries pour un exemple donné :
   Il n'y a pas de comportement correct défini car il dépend des bizarreries du navigateur. Le comportement de Chrome, Opera et Safari est plus cohérent avec l'ignorance des règles sans unité en mode standard.

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!