Partager via

Améliorations des CSS dans Internet Explorer 8

  • Article

Nouveautés de Windows Internet Explorer 8

Internet Explorer 8 est entièrement conforme à la spécification des feuilles de style en cascade (CSS) niveau 2, révision 1 (CSS 2.1) et prend en charge quelques fonctionnalités de la spécification CSS 3. Cette rubrique contient la liste complète des modifications apportées à la prise en charge de CSS dans Internet Explorer 8. Pour obtenir une vue synthétique des spécifications CSS prises en charge dans les versions récentes d'Internet Explorer, consultez Compatibilité CSS et Internet Explorer.

  • Remarque sur la compatibilité
  • At-rules (règles @)
  • Pseudo-classes et pseudo-éléments
  • Listes
  • Couleur et arrière-plan
  • Police et Texte
  • Contenu généré
  • Bordure et disposition
    • Éléments flottants
    • Réduction des marges
  • Positionnement
  • Impression
  • Interface utilisateur
  • Fonctionnalités spécifiques à Internet Explorer
    • Expressions CSS
    • Extensions de CSS
  • URI de données
  • Voir aussi

Remarque sur la compatibilité

Les nouvelles fonctionnalités CSS introduites dans Internet Explorer 8 ne fonctionnent que pour les pages restituées en mode IE8 (ou en mode EmulateIE avec une directive!DOCTYPE Internet Explorer 8). Pour plus d'informations sur les modes de compatibilité des documents, consultez Définition de la compatibilité des documents (page éventuellement en anglais).

At-rules (règles @)

La règle @page fonctionne maintenant correctement avec les sélecteurs :first, :left et :right.

Pseudo-classes et pseudo-éléments

Internet Explorer 8 prend maintenant en charge les pseudo-classes et pseudo-éléments suivants :

  • :before et :after  Vous pouvez utiliser ces pseudo-classes avec la propriété content, qui est maintenant prise en charge, pour décrire des contenus dynamiques (« générés ») devant être affichés avant et après les éléments d'un document.
  • :focus   Cette pseudo-classe s'applique lorsqu'un élément a le focus d'entrée.
  • :lang(C)   Cette pseudo-classe sélectionne les éléments écrits dans un langage donné.

En outre, le comportement de la pseudo-classe :active est maintenant entièrement conforme à la spécification CSS 2.1. Cette pseudo-classe s'applique désormais à tous les éléments, et non uniquement à l'élément a.

Listes

Des valeurs supplémentaires ont été ajoutées à l'attribut list-style-type afin de le rendre entièrement conforme à la spécification CSS 2.1.

Couleur et arrière-plan

Le comportement de l'attribut background-position est maintenant entièrement conforme à la spécification CSS 2.1.

Police et Texte

Le comportement des attributs de texte suivants est maintenant entièrement conforme à la spécification CSS 2.1 :

En outre, le comportement de l'attribut de surlignage text-decoration est maintenant plus proche de la spécification CSS 2.1.

Contenu généré

Internet Explorer 8 prend maintenant totalement en charge les contenus générés, notamment les attributs suivants :

Utilisées avec la propriété content, les pseudo-classes :before et :after, qui sont maintenant prises en charge, vous permettent de décrire des contenus dynamiques (« générés ») qui doivent s'afficher avant et après les éléments d'un document.

Bordure et disposition

Internet Explorer 8 prend maintenant en charge les éléments suivants :

Le comportement des attributs suivants est maintenant entièrement conforme à la spécification CSS 2.1 :

Éléments flottants

De nombreuses modifications ont été apportées au comportement des éléments flottants afin de résoudre les principaux problèmes rencontrés avec les versions précédentes d'Internet Explorer, notamment ceux liés à la propriété hasLayout. La fonctionnalité hasLayout a été supprimée dans Internet Explorer 8. La liste ci-dessous répertorie certains des problèmes résolus :

  • Les éléments désactivés ne désactivent pas les autres éléments flottants imbriqués avec lesquels ils ne partagent aucun parent.
  • Les éléments désactivés situés après des éléments flottants sont affichés avec un double remplissage sur leur partie supérieure.

Réduction des marges

De nombreuses modifications ont été apportées au comportement de réduction des marges afin de résoudre les principaux problèmes rencontrés avec les versions précédentes d'Internet Explorer, et de rendre ce comportement conforme à la spécification CSS 2.1.

Positionnement

Le comportement des attributs de positionnement suivants est maintenant entièrement conforme à la spécification CSS 2.1 :

L'attribut display prend maintenant en charge toutes les valeurs relatives à la disposition des tableaux définies dans la spécification CSS 2.1 W3C Lien World Wide Web. La présentation sous forme de tableaux a longtemps été la plus utilisée sur Internet. Dans Internet Explorer 8, l'attribut display peut être utilisé pour appliquer un format de tableau à des éléments qui ne sont pas des tableaux. Dans la pratique, les tableaux CSS sont plus permissifs que le balisage HTML. Les tableaux créés avec les règles CSS imbriquent des éléments pour devenir valides, tandis que les tableaux créés avec HTML ferment des conteneurs pour éviter une imbrication imprévue.

L'attribut display prend également en charge les styles Ruby du module Ruby CSS3 Lien World Wide Web.

Impression

Internet Explorer 8 prend maintenant en charge les attributs d'impression suivants :

Pour plus d'informations, consultez le document Guide CSS- Optimisation des pages pour l'impression à l'aide de CSS (page éventuellement en anglais).

Interface utilisateur

Internet Explorer 8 prend maintenant en charge les attributs outline, qui permettent de mettre des éléments en surbrillance sans modifier leur taille. La prise en charge des attributs suivants est maintenant en totale conformité avec la spécification CSS 2.1 :

L'attribut box-sizing est également pris en charge par Internet Explorer 8.

Fonctionnalités spécifiques à Internet Explorer

Cette section décrit les comportements non définis par la spécification CSS 2.1.

Expressions CSS

Pour des raisons de conformité aux normes et de performances, les « expressions CSS » ou propriétés dynamiques ne sont plus prises en charge dans le mode IE8 d'Internet Explorer 8 (ni dans le mode EmulateIE8 avec directive !DOCTYPE). Cependant, ces expressions fonctionnent encore correctement dans Internet Explorer 8 pour les pages restituées en mode IE7, EmulateIE7 ou IE5. Pour plus d'informations sur les modes de compatibilité des documents, consultez Définition de la compatibilité des documents (page éventuellement en anglais).

Extensions de CSS

Les attributs CSS suivants sont des extensions Microsoft de la spécification CSS 2.1 et doivent être spécifiés avec un préfixe -ms- en mode IE8 :

URI de données

Un URI (Uniform Resource Identifier) de données permet à l'auteur d'une page Web d'incorporer de petites entités directement au lieu d'identifier l'emplacement à partir duquel elles doivent être récupérées. Ce mécanisme est particulièrement intéressant pour les images de petite taille (puces, par exemple) utilisées dans les CSS ou pour la mise en forme. Pour plus d'informations, consultez Protocole de données (page éventuellement en anglais).

Voir aussi