Compatibilité CSS et Internet Explorer
La prise en charge de la norme CSS a été régulièrement améliorée avec chaque nouvelle version de Windows Internet Explorer. Internet Explorer 6 était la première version d'Internet Explorer entièrement conforme à la spécification CSS 1. Windows Internet Explorer 8 est entièrement conforme à la spécification CSS niveau 2, révision 1 (CSS 2.1) et prend en charge quelques fonctionnalités de la spécification CSS 3.
Si votre site Web est destiné à être utilisé avec certaines anciennes versions d'Internet Explorer, vous devez connaître leur niveau de conformité à la spécification CSS. Cette article contient une vue synthétique des spécifications CSS prises en charge dans les versions récentes d'Internet Explorer et dans Internet Explorer 8.
Remarque Les nouvelles fonctionnalités CSS introduites dans Internet Explorer 8 ne fonctionnent que pour les pages restituées en mode IE8 (ou supérieur). Pour vous assurer qu'une page sera correctement affichée en mode IE8, incluez la balise meta suivante dans la section head de cette page :
<meta http-equiv="X-UA-Compatible" content="IE=8" />
Pour plus d'informations sur les modes de compatibilité des documents, consultez « Définition de la compatibilité des documents » (page éventuellement en anglais).
Cet article est organisé d'une façon similaire à la documentation de référence CSS disponible sur MSDN. Il contient les sections suivantes :
- Introduction
- At-rules (règles @)
- Sélecteurs
- Sélecteurs d'éléments
- Sélecteurs d'attributs
- Combinateurs
- Pseudo-classes
- Pseudo-éléments
- Attributs
- Listes
- Couleur et arrière-plan
- Police et Texte
- Contenu généré
- Bordure et disposition
- Positionnement
- Impression
- Interface utilisateur
- Disposition multicolonne
- Fonctions vocales
- Requêtes média
- Valeurs
- Nombres
- Chaînes
- Formes
- Fonctions
- Couleurs
- Mots clés
- Unités
Introduction
Chaque tableau indique les fonctionnalités CSS prises en charge dans les versions récentes d'Internet Explorer. Dans chaque section, le premier tableau présente les fonctionnalités introduites par la spécification CSS 2.1 ou précédente, tandis que le deuxième tableau présente les fonctionnalités prévues par le W3C pour la spécification CSS 3.
La valeur « Oui » indique que cette fonctionnalité est implémentée dans la version concernée d'Internet Explorer.
La valeur « Partiel » indique que cette fonctionnalité n'est que partiellement implémentée dans la version concernée d'Internet Explorer. Pour plus d'informations, cliquez sur le lien fourni pour chaque fonctionnalité afin d'accéder à la page de référence correspondante sur MSDN.
La valeur « Non » indique que cette fonctionnalité n'est pas implémentée dans la version concernée d'Internet Explorer.
At-rules (règles @)
CSS 2.1 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| @charset | Non | Oui | Oui | Oui | Oui |
| @import | Oui | Oui | Oui | Oui | Oui |
| @media | Non | Oui | Oui | Oui | Oui |
| @page | Partiel | Partiel | Partiel | Partiel | Oui |
CSS 3 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| @font-face | Non | Oui | Oui | Oui | Oui |
| @namespace | Non | Non | Non | Non | Non |
Sélecteurs
Sélecteurs d'éléments
CSS 2.1 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| .value { sRules } | Classe (voir la remarque ci-dessous) | Partiel | Partiel | Partiel | Oui | Oui |
| #value { sRules } | ID | Oui | Oui | Oui | Oui | Oui |
| E { sRules } | Type | Oui | Oui | Oui | Oui | Oui |
| * { sRules } | Universel | Non | Non | Non | Oui | Oui |
Remarque Avant Internet Explorer 7, les sélecteurs étaient limités à deux classes par élément.
CSS 3 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| ns|E { sRules } | Avec espace de noms | Non | Non | Non | Non | Non |
Sélecteurs d'attributs
CSS 2.1 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| [att=val] { sRules } | Égalité [=] | Non | Non | Non | Oui | Oui |
| [att] { sRules } | Existence [] | Non | Non | Non | Oui | Oui |
| [att|=val] { sRules } | Trait d'union [|=] | Non | Non | Non | Oui | Oui |
| [att~=val] { sRules } | Espace [~=] | Non | Non | Non | Oui | Oui |
CSS 3 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| [ns|attr] { sRules } | Avec espace de noms | Non | Non | Non | Oui | Oui |
| [att^=val] { sRules } | Préfixe [^=] | Non | Non | Non | Oui | Oui |
| [att*=val] { sRules } | Sous-chaîne [*=] | Non | Non | Non | Oui | Oui |
| [att$=val] { sRules } | Suffixe [$=] | Non | Non | Non | Oui | Oui |
Combinateurs
CSS 2.1 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| E+F { sRules } | Frère adjacent (+) | Non | Non | Non | Oui | Oui |
| E>F { sRules } | Enfant (>) | Non | Non | Non | Oui | Oui |
| EF { sRules } | Descendant | Oui | Oui | Oui | Oui | Oui |
CSS 3 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| E~F { sRules } | Frère général (~) | Non | Non | Non | Oui | Oui |
Pseudo-classes
CSS 2.1 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| :active { sRules } | :active | Non | Non | Non | Partiel | Oui |
| :first-child { sRules } | :first-child | Non | Non | Non | Oui | Oui |
| :focus { sRules } | :focus | Non | Non | Non | Non | Oui |
| :hover { sRules } | :hover | Partiel | Partiel | Partiel | Oui | Oui |
| :lang(C) { sRules } | :lang() | Non | Non | Non | Non | Oui |
| :link { sRules } | :link | Oui | Oui | Oui | Oui | Oui |
| :visited { sRules } | :visited | Oui | Oui | Oui | Oui | Oui |
| @page :first { sRules } | @page :first | Non | Non | Non | Non | Oui |
| @page :left { sRules } | @page :left | Non | Non | Non | Non | Oui |
| @page :right { sRules } | @page :right | Non | Non | Non | Non | Oui |
CSS 3 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| :root { sRules } | :root | Non | Non | Non | Non | Non |
| :nth-child() { sRules } | :nth-child() | Non | Non | Non | Non | Non |
| :nth-last-child() { sRules } | :nth-last-child() | Non | Non | Non | Non | Non |
| :nth-of-type() { sRules } | :nth-of-type() | Non | Non | Non | Non | Non |
| :nth-last-of-type() { sRules } | :nth-last-of-type() | Non | Non | Non | Non | Non |
| :last-child { sRules } | :last-child | Non | Non | Non | Non | Non |
| :first-of-type { sRules } | :first-of-type | Non | Non | Non | Non | Non |
| :last-of-type { sRules } | :last-of-type | Non | Non | Non | Non | Non |
| :only-child { sRules } | :only-child | Non | Non | Non | Non | Non |
| :only-of-type { sRules } | :only-of-type | Non | Non | Non | Non | Non |
| :empty { sRules } | :empty | Non | Non | Non | Non | Non |
| :target { sRules } | :target | Non | Non | Non | Non | Non |
| :not(X) { sRules } | :not() | Non | Non | Non | Non | Non |
| :enabled { sRules } | :enabled | Non | Non | Non | Non | Non |
| :disabled { sRules } | :disabled | Non | Non | Non | Non | Non |
| :checked { sRules } | :checked | Non | Non | Non | Non | Non |
| :indeterminate { sRules } | :indeterminate | Non | Non | Non | Non | Non |
| :default { sRules } | :default | Non | Non | Non | Non | Non |
| :valid { sRules } | :valid | Non | Non | Non | Non | Non |
| :invalid { sRules } | :invalid | Non | Non | Non | Non | Non |
| :in-range { sRules } | :in-range | Non | Non | Non | Non | Non |
| :out-of-range { sRules } | :out-of-range | Non | Non | Non | Non | Non |
| :required { sRules } | :required | Non | Non | Non | Non | Non |
| :optional { sRules } | :optional | Non | Non | Non | Non | Non |
| :read-only { sRules } | :read-only | Non | Non | Non | Non | Non |
| :read-write { sRules } | :read-write | Non | Non | Non | Non | Non |
Pseudo-éléments
CSS 2.1 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| :after { sRules } | :after | Non | Non | Non | Non | Oui |
| :before { sRules } | :before | Non | Non | Non | Non | Oui |
| :first-letter { sRules } | :first-letter | Non | Oui | Oui | Oui | Oui |
| :first-line { sRules } | :first-line | Non | Oui | Oui | Oui | Oui |
CSS 3 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| ::before { sRules } | ::before | Non | Non | Non | Non | Non |
| ::after { sRules } | ::after | Non | Non | Non | Non | Non |
| ::first-letter { sRules } | ::first-letter | Non | Non | Non | Non | Non |
| ::first-line { sRules } | ::first-line | Non | Non | Non | Non | Non |
| ::selection { sRules } | ::selection | Non | Non | Non | Non | Non |
| ::value { sRules } | ::value | Non | Non | Non | Non | Non |
| ::choices { sRules } | ::choices | Non | Non | Non | Non | Non |
| ::repeat-item { sRules } | ::repeat-item | Non | Non | Non | Non | Non |
| ::repeat-index { sRules } | ::repeat-index | Non | Non | Non | Non | Non |
Attributs
CSS 2.1 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { sRule!important } | Déclaration !important | Partiel | Partiel | Partiel | Oui | Oui |
Listes
CSS 2.1 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { list-style : sStyle } | list-style | Oui | Oui | Oui | Oui | Oui |
| { list-style-image : sStyle } | list-style-image | Oui | Oui | Oui | Oui | Oui |
| { list-style-position : sStyle } | list-style-position | Oui | Oui | Oui | Oui | Oui |
| { list-style-type : sStyle } | list-style-type | Non | Non | Non | Partiel | Oui |
Couleur et arrière-plan
CSS 2.1 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { color : sColor } | color | Oui | Oui | Oui | Oui | Oui |
| { background : sBackground } | background | Oui | Oui | Oui | Oui | Oui |
| { background-attachment : sAttachment } | background-attachment | Partiel | Partiel | Partiel | Oui | Oui |
| { background-color : sColor } | background-color | Oui | Oui | Oui | Oui | Oui |
| { background-image : sLocation } | background-image | Oui | Oui | Oui | Oui | Oui |
| { background-position : sPosition } | background-position | Partiel | Partiel | Partiel | Partiel | Oui |
| { background-repeat : sRepeat } | background-repeat | Oui | Oui | Oui | Oui | Oui |
CSS 3 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { color-profile : sProfile } | color-profile | Non | Non | Non | Non | Non |
| { rendering-intent : sIntent } | rendering-intent | Non | Non | Non | Non | Non |
| { background : sBackground1, sBackground2, etc. } |
background (multiple) | Non | Non | Non | Non | Non |
| { background-clip : sClip } | background-clip | Non | Non | Non | Non | Non |
| { background-origin : sOrigin } | background-origin | Non | Non | Non | Non | Non |
| { background-break : sBreak } | background-break | Non | Non | Non | Non | Non |
| { background-size : sSize } | background-size | Non | Non | Non | Non | Non |
Police et Texte
CSS 2.1 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { direction : sDirection } | direction | Oui | Oui | Oui | Oui | Oui |
| { font : sFont } | font | Oui | Oui | Oui | Oui | Oui |
| { font-family : sFamily } | font-family | Oui | Oui | Oui | Oui | Oui |
| { font-size : sSize } | font-size | Oui | Oui | Oui | Oui | Oui |
| { font-style : sStyle } | font-style | Oui | Oui | Oui | Oui | Oui |
| { font-variant : sVariant } | font-variant | Oui | Oui | Oui | Oui | Oui |
| { font-weight : sWeight } | font-weight | Partiel | Partiel | Partiel | Partiel | Oui |
| { letter-spacing : sSpacing } | letter-spacing | Oui | Oui | Oui | Oui | Oui |
| { line-height : sHeight } | line-height | Oui | Oui | Oui | Oui | Oui |
| { text-align : sAlign } | text-align | Oui | Oui | Oui | Oui | Oui |
| { text-decoration : sDecoration } | text-decoration | Oui | Oui | Oui | Oui | Oui |
| { text-indent : sIndent } | text-indent | Oui | Oui | Oui | Oui | Oui |
| { text-transform : sTransform } | text-transform | Oui | Oui | Oui | Oui | Oui |
| { unicode-bidi : sAlign } | unicode-bidi | Oui | Oui | Oui | Oui | Oui |
| { vertical-align : sAlign } | vertical-align | Oui | Oui | Oui | Oui | Oui |
| { white-space : sWrap } | white-space | Partiel | Partiel | Partiel | Partiel | Oui |
| { word-spacing : sSpacing } | word-spacing | Partiel | Partiel | Partiel | Partiel | Oui |
CSS 3 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { font-effect : sEffect } | font-effect | Non | Non | Non | Non | Non |
| { font-emphasize : sEmphasize } | font-emphasize | Non | Non | Non | Non | Non |
| { font-size-adjust : sSizeAdjust } | font-size-adjust | Non | Non | Non | Non | Non |
| { font-smooth : sSmooth } | font-smooth | Non | Non | Non | Non | Non |
| { font-stretch : sStretch } | font-stretch | Non | Non | Non | Non | Non |
| { hanging-punctuation : sHangingPunctuation } | hanging-punctuation | Non | Non | Non | Non | Non |
| { punctuation-trim : sTrim } | punctuation-trim | Non | Non | Non | Non | Non |
| { ruby-align : sRubyAlign } | ruby-align | Oui | Oui | Oui | Oui | Oui |
| { ruby-overhang : sRubyOverhang } | ruby-overhang | Oui | Oui | Oui | Oui | Oui |
| { ruby-position : sRubyPlacement } | ruby-position | Oui | Oui | Oui | Oui | Oui |
| { ruby-span : sRubySpan } | ruby-span | Non | Non | Non | Non | Non |
| { text-align-last : sAlignLast } | text-align-last | Partiel | Partiel | Partiel | Partiel | Partiel |
| { text-emphasis : sEmphasis } | text-emphasis | Non | Non | Non | Non | Non |
| { text-justify : sJustify } | text-justify | Non | Oui | Oui | Oui | Oui |
| { text-outline : sOutline } | text-outline | Non | Non | Non | Non | Non |
| { text-overflow : sOverflow} | text-overflow | Non | Partiel | Partiel | Partiel | Partiel |
| { text-shadow : sShadow } | text-shadow | Non | Non | Non | Non | Non |
| { text-wrap : sWrap } | text-wrap | Non | Non | Non | Non | Non |
| { word-break : sBreak } | word-break | Partiel | Partiel | Partiel | Partiel | Partiel |
| { word-wrap : sWrap } | word-wrap | Oui | Oui | Oui | Oui | Oui |
| { writing-mode : sFlow } | writing-mode | Oui | Oui | Oui | Oui | Oui |
Contenu généré
CSS 2.1 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { content : sContent } | content | Non | Non | Non | Non | Oui |
| { counter-increment : sCounter } | counter-increment | Non | Non | Non | Non | Oui |
| { counter-reset : sCounter } | counter-reset | Non | Non | Non | Non | Oui |
| { quotes : sQuotes } | quotes | Non | Non | Non | Non | Oui |
Bordure et disposition
CSS 2.1 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { border : sBorder } | border | Oui | Oui | Oui | Oui | Oui |
| { border-bottom : sBottom } | border-bottom | Non | Oui | Oui | Oui | Oui |
| { border-bottom-color : sColor } | border-bottom-color | Oui | Oui | Oui | Oui | Oui |
| { border-bottom-style : sStyle } | border-bottom-style | Non | Oui | Oui | Oui | Oui |
| { border-bottom-width : sWidth } | border-bottom-width | Non | Oui | Oui | Oui | Oui |
| { border-collapse : sCollapse } | border-collapse | Partiel | Partiel | Partiel | Partiel | Oui |
| { border-color : sColor } | border-color | Oui | Oui | Oui | Oui | Oui |
| { border-left : sLeft } | border-left | Non | Oui | Oui | Oui | Oui |
| { border-left-color : sColor } | border-left-color | Oui | Oui | Oui | Oui | Oui |
| { border-left-style : sStyle } | border-left-style | Non | Oui | Oui | Oui | Oui |
| { border-left-width : sWidth } | border-left-width | Non | Oui | Oui | Oui | Oui |
| { border-right : sRight} | border-right | Non | Oui | Oui | Oui | Oui |
| { border-right-color : sColor } | border-right-color | Oui | Oui | Oui | Oui | Oui |
| { border-right-style : sStyle } | border-right-style | Non | Oui | Oui | Oui | Oui |
| { border-right-width : sWidth } | border-right-width | Non | Oui | Oui | Oui | Oui |
| { border-spacing : sSpacing } | border-spacing | Non | Non | Non | Non | Oui |
| { border-style : sStyle } | border-style | Non | Partiel | Partiel | Partiel | Oui |
| { border-top : sTop } | border-top | Non | Oui | Oui | Oui | Oui |
| { border-top-color : sColor } | border-top-color | Oui | Oui | Oui | Oui | Oui |
| { border-top-style : sStyle } | border-top-style | Non | Oui | Oui | Oui | Oui |
| { border-top-width : sWidth } | border-top-width | Non | Oui | Oui | Oui | Oui |
| { border-width : sWidth } | border-width | Oui | Oui | Oui | Oui | Oui |
| { caption-side : sLocation } | caption-side | Non | Non | Non | Non | Oui |
| { clear : sClear } | clear | Oui | Oui | Oui | Oui | Oui |
| { empty-cells : sEmptyCells} | empty-cells | Non | Non | Non | Partiel | Oui |
| { float : sFloat } | float | Oui | Oui | Oui | Oui | Oui |
| { margin : sMargin } | margin | Oui | Oui | Oui | Oui | Oui |
| { margin-bottom : sHeight } | margin-bottom | Oui | Oui | Oui | Oui | Oui |
| { margin-left : sWidth } | margin-left | Oui | Oui | Oui | Oui | Oui |
| { margin-right : sWidth } | margin-right | Oui | Oui | Oui | Oui | Oui |
| { margin-top : sHeight } | margin-top | Oui | Oui | Oui | Oui | Oui |
| { padding : sPadding } | padding | Oui | Oui | Oui | Oui | Oui |
| { padding-bottom : sPadding } | padding-bottom | Oui | Oui | Oui | Oui | Oui |
| { padding-left : sPadding } | padding-left | Oui | Oui | Oui | Oui | Oui |
| { padding-right : sPadding } | padding-right | Oui | Oui | Oui | Oui | Oui |
| { padding-top : sPadding } | padding-top | Oui | Oui | Oui | Oui | Oui |
| { table-layout : sLayout } | table-layout | Oui | Oui | Oui | Oui | Oui |
CSS 3 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { border-break : sBreak } | border-break | Non | Non | Non | Non | Non |
| { border-image : sImage } | border-image | Non | Non | Non | Non | Non |
| { border-radius : sRadius } | border-radius | Non | Non | Non | Non | Non |
| { box-shadow : sShadow } | box-shadow | Non | Non | Non | Non | Non |
Positionnement
CSS 2.1 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { bottom : sBottom } | bottom | Non | Partiel | Partiel | Partiel | Oui |
| { clip : sClip } | clip | Non | Oui | Oui | Oui | Oui |
| { display : sDisplay } | display | Partiel | Partiel | Partiel | Partiel | Oui |
| { height : sHeight } | height | Oui | Oui | Oui | Oui | Oui |
| { left : sPosition } | left | Non | Partiel | Partiel | Partiel | Oui |
| { max-height : sMaxHeight } | max-height | Non | Non | Non | Oui | Oui |
| { max-width : sWidth } | max-width | Non | Non | Non | Oui | Oui |
| { min-height : sMinHeight } | min-height | Non | Non | Non | Oui | Oui |
| { min-width : sMinWidth } | min-width | Non | Non | Non | Oui | Oui |
| { overflow : sOverflow } | overflow | Partiel | Partiel | Partiel | Oui | Oui |
| { position : sPosition } | position | Partiel | Partiel | Partiel | Oui | Oui |
| { right : sPosition } | right | Non | Partiel | Partiel | Partiel | Oui |
| { top : sTop } | top | Non | Partiel | Partiel | Partiel | Oui |
| { visibility : sVisibility } | visibility | Oui | Oui | Oui | Oui | Oui |
| { width : sWidth } | width | Oui | Oui | Oui | Oui | Oui |
| { z-index : vOrder } | z-index | Partiel | Partiel | Partiel | Partiel | Oui |
CSS 3 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { overflow-x : sOverflow } | overflow-x | Partiel | Partiel | Partiel | Oui | Oui |
| { overflow-y : sOverflow } | overflow-y | Partiel | Partiel | Partiel | Oui | Oui |
Impression
CSS 2.1 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { orphans : nLines } | orphans | Non | Non | Non | Non | Oui |
| { page-break-after : sBreak } | page-break-after | Oui | Oui | Oui | Oui | Oui |
| { page-break-before : sBreak } | page-break-before | Oui | Oui | Oui | Oui | Oui |
| { page-break-inside : sBreak } | page-break-inside | Non | Non | Non | Non | Oui |
| { widows : nLines } | widows | Non | Non | Non | Non | Oui |
CSS 3 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { fit : sFit } | fit | Non | Non | Non | Non | Non |
| { fit-position : sPosition } | fit-position | Non | Non | Non | Non | Non |
| { image-orientation : sOrientation } | image-orientation | Non | Non | Non | Non | Non |
| { page : sPage } | page | Non | Non | Non | Non | Non |
| { size : sSize } | size | Non | Non | Non | Non | Non |
Interface utilisateur
CSS 2.1 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { cursor : sCursor } | cursor | Non | Oui | Oui | Oui | Oui |
| { outline : sOutline } | outline | Non | Non | Non | Non | Oui |
| { outline-color : sColor } | outline-color | Non | Non | Non | Non | Oui |
| { outline-style : sStyle } | outline-style | Non | Non | Non | Non | Oui |
| { outline-width : sWidth } | outline-width | Non | Non | Non | Non | Oui |
CSS 3 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { appearance : sAppearance } | appearance | Non | Non | Non | Non | Non |
| { box-sizing : sSizing } | box-sizing | Non | Non | Non | Non | Oui |
| { icon : sIcon } | icon | Non | Non | Non | Non | Non |
| { nav-down : sNavDown } | nav-down | Non | Non | Non | Non | Non |
| { nav-index : sIndex } | nav-index | Non | Non | Non | Non | Non |
| { nav-left : sNavLeft } | nav-left | Non | Non | Non | Non | Non |
| { nav-right : sNavRight } | nav-right | Non | Non | Non | Non | Non |
| { nav-up : sNavUp } | nav-up | Non | Non | Non | Non | Non |
| { outline-offset : sOffset } | outline-offset | Non | Non | Non | Non | Non |
| { outline-radius : sRadius } | outline-radius | Non | Non | Non | Non | Non |
| { resize : sResize } | resize | Non | Non | Non | Non | Non |
Disposition multicolonne
CSS 3 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { column-break-after : sSize } | column-break-after | Non | Non | Non | Non | Non |
| { column-break-before : sSize } | column-break-before | Non | Non | Non | Non | Non |
| { column-break-inside : sSize } | column-break-inside | Non | Non | Non | Non | Non |
| { column-count : sCount } | column-count | Non | Non | Non | Non | Non |
| { column-gap : sSize } | column-gap | Non | Non | Non | Non | Non |
| { column-rule : sRule } | column-rule | Non | Non | Non | Non | Non |
| { columns : sColumns } | columns | Non | Non | Non | Non | Non |
Fonctions vocales
Aucun des attributs de fonctions vocales suivants de la CSS 3 n'est pris en charge dans Internet Explorer :
- voice-volume
- voice-balance
- speak
- pause
- pause-after
- pause-before
- rest
- rest-before
- rest-after
- cue
- cue-after
- cue-before
- mark
- mark-before
- mark-after
- voice-family
- voice-rate
- voice-pitch
- voice-pitch-range
- voice-stress
- voice-duration
- phonemes
Requêtes média
Aucun des attributs de requêtes média suivants de la CSS 3 n'est pris en charge dans Internet Explorer :
- width
- height
- device-width
- device-height
- device-aspect-ratio
- color
- color-index
- monochrome
- resolution
- scan
- grid
Valeurs
Nombres
CSS 2.1 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| <number> | Oui | Oui | Oui | Oui | Oui |
| <length> | Oui | Oui | Oui | Oui | Oui |
| <percentage> | Oui | Oui | Oui | Oui | Oui |
| <integer> | Oui | Oui | Oui | Oui | Oui |
CSS 3 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| <angle> | Non | Non | Non | Non | Non |
| <time> | Non | Non | Non | Non | Non |
| <frequency> | Non | Non | Non | Non | Non |
Chaînes
CSS 2.1 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| <string> | Oui | Oui | Oui | Oui | Oui |
| \code | Non | Non | Oui | Oui | Oui |
Formes
CSS 2.1 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| rect() | Non | Oui | Oui | Oui | Oui |
Fonctions
CSS 2.1 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| url() | Oui | Oui | Oui | Oui | Oui |
| counter() | Non | Non | Non | Non | Oui |
| attr() | Non | Non | Non | Non | Oui |
CSS 3 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| calc() | Non | Non | Non | Non | Non |
Couleurs
CSS 2.1 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| <color> (noms) | Oui | Oui | Oui | Oui | Oui |
| <color> (notation #rrggbbor#rgb) | Oui | Oui | Oui | Oui | Oui |
| <color> (notation rgb(r,g,b)) | Oui | Oui | Oui | Oui | Oui |
| <color> (couleurs système) | Oui | Oui | Oui | Oui | Oui |
| transparent | Non | Non | Partiel | Oui | Oui |
CSS 3 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| <color> (notation rgba(r,g,b,a)) | Non | Non | Non | Non | Non |
| <color> (notation hsl(h,s,l)) | Non | Non | Non | Non | Non |
| <color> (notation hsla(h,s,l,a)) | Non | Non | Non | Non | Non |
Mots clés
CSS 2.1 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| auto | Non | Non | Partiel | Oui | Oui |
| inherit | Non | Non | Non | Non | Oui |
CSS 3 :
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| initial | Non | Non | Non | Non | Non |
Unités
Toutes les unités suivantes sont prises en charge dans Internet Explorer 3.0 et versions ultérieures :
- px
- pt
- pc
- cm
- mm
- in
- em
- ex
- %
Aucune des unités suivantes définies dans la spécification CSS 3 n'est prise en charge dans Internet Explorer :
- deg
- grad
- rad
- ms
- s
- Hz
- kHz
- turn
- gd
- rem
- vw
- vh
- vm
- ch
Voir aussi
- Feuilles de style en cascade (référence MSDN) (page éventuellement en anglais)
- Feuilles de style en cascade (W3C) (page éventuellement en anglais)