CSS Compatibility and Internet Explorer
With each new release of Windows Internet Explorer, support for the World Wide Web Consortium (W3C) Cascading Style Sheets (CSS) standard has steadily improved. Internet Explorer 6 was the first fully CSS, Level 1-compliant version of Internet Explorer. Internet Explorer 8 is fully compliant with the CSS, Level 2 Revision 1 (CSS 2.1) specification and supports some features of CSS Level 3 (CSS3). Internet Explorer 9 adds even more support for many CSS3 modules.
Note It is important to remember that many CSS3 modules are still in the Working Draft or Last Call stages. Until they reach the Candidate Recommendation stage, they could change significantly. For more information, see the latest CSS3 draft modules.
If your Web site targets browsers that include earlier versions of Internet Explorer, you want to know the level of CSS compliance for those versions. This article provides an at-a-glance look at CSS compliance across recent versions of Internet Explorer, including support in Internet Explorer 9.
Note CSS features that are new to Internet Explorer 8 will only work when your page is rendered in IE8 mode (or higher). Similarly, CSS features that are new to Internet Explorer 9 will only work when your page is rendered in IE9 Standards mode. For more information on document compatibility modes, see Defining Document Compatibility.
This article's organization is loosely based on that of the CSS reference documentation on MSDN. It contains the following sections:
- Introduction
- At-rules
- Selectors
- Element Selectors
- Attribute Selectors
- Combinators
- Pseudo-classes
- Pseudo-elements
- Properties
- 2D Transforms
- Lists
- Color and Background
- Font and Text
- Generated Content
- Border and Layout
- Positioning
- Printing
- User Interface
- Multi-column Layout
- Speech
- Media Queries
- Values
- Numbers
- Strings
- Shapes
- Functions
- Colors
- Keywords
- Units
Each table lists support status information for grouped CSS features across recent versions of Internet Explorer. In each section, the first table represents features introduced in CSS 2.1 or earlier, and the second table represents features planned (by the W3C) for CSS3.
A value of "Yes" in a cell indicates that that feature is implemented in that version of Internet Explorer.
A value of "Partial" in a cell indicates that that feature is only partially implemented in that version of Internet Explorer. For more information, click the link to view that feature's reference page on MSDN.
A value of "No" in a cell indicates that that feature is not implemented in that version of Internet Explorer.
A value of "Updated" in a cell indicates that the feature has been updated in Internet Explorer 9.
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | |
|---|---|---|---|---|---|---|
| @charset | No | Yes | Yes | Yes | Yes | Yes |
| @import | Yes | Yes | Yes | Yes | Yes | Yes |
| @media | No | Yes | Yes | Yes | Yes | Updated |
| @page | Partial | Partial | Partial | Partial | Yes | Yes |
CSS3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | |
|---|---|---|---|---|---|---|
| @font-face | No | Yes | Yes | Yes | Yes | Updated |
| @namespace | No | No | No | No | No | Yes |
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | ||
|---|---|---|---|---|---|---|---|
| .value { sRules } | Class (see Note) | Partial | Partial | Partial | Yes | Yes | Yes |
| #value { sRules } | ID | Yes | Yes | Yes | Yes | Yes | Yes |
| E { sRules } | Type | Yes | Yes | Yes | Yes | Yes | Yes |
| * { sRules } | Universal | No | No | No | Yes | Yes | Yes |
Note Prior to Internet Explorer 7, there was a two-class selector limit per element.
CSS3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | ||
|---|---|---|---|---|---|---|---|
| ns|E { sRules } | Namespaced | No | No | No | No | No | Yes |
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | ||
|---|---|---|---|---|---|---|---|
| [att=val] { sRules } | Equality [=] | No | No | No | Yes | Yes | Yes |
| [att] { sRules } | Existence [] | No | No | No | Yes | Yes | Yes |
| [att|=val] { sRules } | Hyphen [|=] | No | No | No | Yes | Yes | Yes |
| [att~=val] { sRules } | Whitespace [~=] | No | No | No | Yes | Yes | Yes |
CSS3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | ||
|---|---|---|---|---|---|---|---|
| [ns|attr] { sRules } | Namespaced | No | No | No | Yes | Yes | Yes |
| [att^=val] { sRules } | Prefix [^=] | No | No | No | Yes | Yes | Yes |
| [att*=val] { sRules } | Substring [*=] | No | No | No | Yes | Yes | Yes |
| [att$=val] { sRules } | Suffix [$=] | No | No | No | Yes | Yes | Yes |
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | ||
|---|---|---|---|---|---|---|---|
| E + F { sRules } | Adjacent Sibling (+) | No | No | No | Yes | Yes | Yes |
| E > F { sRules } | Child (>) | No | No | No | Yes | Yes | Yes |
| E F { sRules } | Descendant | Yes | Yes | Yes | Yes | Yes | Yes |
CSS3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | ||
|---|---|---|---|---|---|---|---|
| E ~ F { sRules } | General Sibling (~) | No | No | No | Yes | Yes | Yes |
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | ||
|---|---|---|---|---|---|---|---|
| :active { sRules } | :active | No | No | No | Partial | Yes | Yes |
| :first-child { sRules } | :first-child | No | No | No | Yes | Yes | Yes |
| :focus { sRules } | :focus | No | No | No | No | Yes | Yes |
| :hover { sRules } | :hover | Partial | Partial | Partial | Yes | Yes | Yes |
| :lang(C) { sRules } | :lang() | No | No | No | No | Yes | Yes |
| :link { sRules } | :link | Yes | Yes | Yes | Yes | Yes | Yes |
| :visited { sRules } | :visited | Yes | Yes | Yes | Yes | Yes | Yes |
| @page :first { sRules } | @page :first | No | No | No | No | Yes | Yes |
| @page :left { sRules } | @page :left | No | No | No | No | Yes | Yes |
| @page :right { sRules } | @page :right | No | No | No | No | Yes | Yes |
CSS3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | ||
|---|---|---|---|---|---|---|---|
| :root { sRules } | :root | No | No | No | No | No | Yes |
| :nth-child(n) { sRules } | :nth-child(n) | No | No | No | No | No | Yes |
| :nth-last-child(n) { sRules } | :nth-last-child(n) | No | No | No | No | No | Yes |
| :nth-of-type(n) { sRules } | :nth-of-type(n) | No | No | No | No | No | Yes |
| :nth-last-of-type(n) { sRules } | :nth-last-of-type(n) | No | No | No | No | No | Yes |
| :last-child { sRules } | :last-child | No | No | No | No | No | Yes |
| :first-of-type { sRules } | :first-of-type | No | No | No | No | No | Yes |
| :last-of-type { sRules } | :last-of-type | No | No | No | No | No | Yes |
| :only-child { sRules } | :only-child | No | No | No | No | No | Yes |
| :only-of-type { sRules } | :only-of-type | No | No | No | No | No | Yes |
| :empty { sRules } | :empty | No | No | No | No | No | Yes |
| :target { sRules } | :target | No | No | No | No | No | Yes |
| :not(s) { sRules } | :not(s) | No | No | No | No | No | Yes |
| :enabled { sRules } | :enabled | No | No | No | No | No | Yes |
| :disabled { sRules } | :disabled | No | No | No | No | No | Yes |
| :checked { sRules } | :checked | No | No | No | No | No | Yes |
| :indeterminate { sRules } | :indeterminate | No | No | No | No | No | Yes |
| :default { sRules } | :default | No | No | No | No | No | No |
| :valid { sRules } | :valid | No | No | No | No | No | No |
| :invalid { sRules } | :invalid | No | No | No | No | No | No |
| :in-range { sRules } | :in-range | No | No | No | No | No | No |
| :out-of-range { sRules } | :out-of-range | No | No | No | No | No | No |
| :required { sRules } | :required | No | No | No | No | No | No |
| :optional { sRules } | :optional | No | No | No | No | No | No |
| :read-only { sRules } | :read-only | No | No | No | No | No | No |
| :read-write { sRules } | :read-write | No | No | No | No | No | No |
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | ||
|---|---|---|---|---|---|---|---|
| :after { sRules } | :after | No | No | No | No | Yes | Yes |
| :before { sRules } | :before | No | No | No | No | Yes | Yes |
| :first-letter { sRules } | :first-letter | No | Yes | Yes | Yes | Yes | Yes |
| :first-line { sRules } | :first-line | No | Yes | Yes | Yes | Yes | Yes |
CSS3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | ||
|---|---|---|---|---|---|---|---|
| ::before { sRules } | ::before | No | No | No | No | No | No |
| ::after { sRules } | ::after | No | No | No | No | No | No |
| ::first-letter { sRules } | ::first-letter | No | No | No | No | No | No |
| ::first-line { sRules } | ::first-line | No | No | No | No | No | No |
| ::selection { sRules } | ::selection | No | No | No | No | No | Yes |
| ::value { sRules } | ::value | No | No | No | No | No | No |
| ::choices { sRules } | ::choices | No | No | No | No | No | No |
| ::repeat-item { sRules } | ::repeat-item | No | No | No | No | No | No |
| ::repeat-index { sRules } | ::repeat-index | No | No | No | No | No | No |
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | ||
|---|---|---|---|---|---|---|---|
| { sRule!important } | !important Declaration | Partial | Partial | Partial | Yes | Yes | Yes |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | ||
|---|---|---|---|---|---|---|---|
| { transform : sFunction } | -ms-transform | No | No | No | No | No | Yes |
| { transform-origin : sOrigin } | -ms-transform-origin | No | No | No | No | No | Yes |
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | ||
|---|---|---|---|---|---|---|---|
| { list-style : sStyle } | list-style | Yes | Yes | Yes | Yes | Yes | Yes |
| { list-style-image : sStyle } | list-style-image | Yes | Yes | Yes | Yes | Yes | Yes |
| { list-style-position : sStyle } | list-style-position | Yes | Yes | Yes | Yes | Yes | Yes |
| { list-style-type : sStyle } | list-style-type | No | No | No | Partial | Yes | Yes |
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | ||
|---|---|---|---|---|---|---|---|
| { color : sColor } | color | Yes | Yes | Yes | Yes | Yes | Yes |
| { background : sBackground } | background | Yes | Yes | Yes | Yes | Yes | Updated |
| { background-attachment : sAttachment } | background-attachment | Partial | Partial | Partial | Yes | Yes | Updated |
| { background-color : sColor } | background-color | Yes | Yes | Yes | Yes | Yes | Updated |
| { background-image : sLocation } | background-image | Yes | Yes | Yes | Yes | Yes | Updated |
| { background-position : sPosition } | background-position | Partial | Partial | Partial | Partial | Yes | Updated |
| { background-repeat : sRepeat } | background-repeat | Yes | Yes | Yes | Yes | Yes | Updated |
CSS3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | ||
|---|---|---|---|---|---|---|---|
| { color-profile : sProfile } | color-profile | No | No | No | No | No | No |
| { rendering-intent : sIntent } | rendering-intent | No | No | No | No | No | No |
| { background : sBackground1, sBackground2, etc. } |
background (multiple) | No | No | No | No | No | Yes |
| { background-clip : sClip } | background-clip | No | No | No | No | No | Yes |
| { background-origin : sOrigin } | background-origin | No | No | No | No | No | Yes |
| { background-break : sBreak } | background-break | No | No | No | No | No | No |
| { background-size : sSize } | background-size | No | No | No | No | No | Yes |
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | ||
|---|---|---|---|---|---|---|---|
| { direction : sDirection } | direction | Yes | Yes | Yes | Yes | Yes | Yes |
| { font : sFont } | font | Yes | Yes | Yes | Yes | Yes | Yes |
| { font-family : sFamily } | font-family | Yes | Yes | Yes | Yes | Yes | Yes |
| { font-size : sSize } | font-size | Yes | Yes | Yes | Yes | Yes | Yes |
| { font-style : sStyle } | font-style | Yes | Yes | Yes | Yes | Yes | Yes |
| { font-variant : sVariant } | font-variant | Yes | Yes | Yes | Yes | Yes | Yes |
| { font-weight : sWeight } | font-weight | Partial | Partial | Partial | Partial | Yes | Yes |
| { letter-spacing : sSpacing } | letter-spacing | Yes | Yes | Yes | Yes | Yes | Yes |
| { line-height : sHeight } | line-height | Yes | Yes | Yes | Yes | Yes | Yes |
| { text-align : sAlign } | text-align | Yes | Yes | Yes | Yes | Yes | Yes |
| { text-decoration : sDecoration } | text-decoration | Yes | Yes | Yes | Yes | Yes | Yes |
| { text-indent : sIndent } | text-indent | Yes | Yes | Yes | Yes | Yes | Yes |
| { text-transform : sTransform } | text-transform | Yes | Yes | Yes | Yes | Yes | Yes |
| { unicode-bidi : sAlign } | unicode-bidi | Yes | Yes | Yes | Yes | Yes | Yes |
| { vertical-align : sAlign } | vertical-align | Yes | Yes | Yes | Yes | Yes | Yes |
| { white-space : sWrap } | white-space | Partial | Partial | Partial | Partial | Yes | Yes |
| { word-spacing : sSpacing } | word-spacing | Partial | Partial | Partial | Partial | Yes | Yes |
CSS3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | ||
|---|---|---|---|---|---|---|---|
| { font-effect : sEffect } | font-effect | No | No | No | No | No | No |
| { font-emphasize : sEmphasize } | font-emphasize | No | No | No | No | No | No |
| { font-size-adjust : sSizeAdjust } | font-size-adjust | No | No | No | No | No | No |
| { font-smooth : sSmooth } | font-smooth | No | No | No | No | No | No |
| { font-stretch : sStretch } | font-stretch | No | No | No | No | No | Yes |
| { hanging-punctuation : sHangingPunctuation } | hanging-punctuation | No | No | No | No | No | No |
| { punctuation-trim : sTrim } | punctuation-trim | No | No | No | No | No | No |
| { ruby-align : sRubyAlign } | ruby-align | Yes | Yes | Yes | Yes | Yes | Yes |
| { ruby-overhang : sRubyOverhang } | ruby-overhang | Yes | Yes | Yes | Yes | Yes | Yes |
| { ruby-position : sRubyPlacement } | ruby-position | Yes | Yes | Yes | Yes | Yes | Yes |
| { ruby-span : sRubySpan } | ruby-span | No | No | No | No | No | No |
| { text-align-last : sAlignLast } | text-align-last | Partial | Partial | Partial | Partial | Partial | Partial |
| { text-emphasis : sEmphasis } | text-emphasis | No | No | No | No | No | No |
| { text-justify : sJustify } | text-justify | No | Yes | Yes | Yes | Yes | Yes |
| { text-outline : sOutline } | text-outline | No | No | No | No | No | No |
| { text-overflow : sOverflow} | text-overflow | No | Partial | Partial | Partial | Partial | Partial |
| { text-shadow : sShadow } | text-shadow | No | No | No | No | No | No |
| { text-wrap : sWrap } | text-wrap | No | No | No | No | No | No |
| { word-break : sBreak } | word-break | Partial | Partial | Partial | Partial | Partial | Partial |
| { word-wrap : sWrap } | word-wrap | Yes | Yes | Yes | Yes | Yes | Yes |
| { writing-mode : sFlow } | writing-mode | Yes | Yes | Yes | Yes | Yes | Yes |
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | ||
|---|---|---|---|---|---|---|---|
| { content : sContent } | content | No | No | No | No | Yes | Yes |
| { counter-increment : sCounter } | counter-increment | No | No | No | No | Yes | Yes |
| { counter-reset : sCounter } | counter-reset | No | No | No | No | Yes | Yes |
| { quotes : sQuotes } | quotes | No | No | No | No | Yes | Yes |
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | ||
|---|---|---|---|---|---|---|---|
| { border : sBorder } | border | Yes | Yes | Yes | Yes | Yes | Yes |
| { border-bottom : sBottom } | border-bottom | No | Yes | Yes | Yes | Yes | Yes |
| { border-bottom-color : sColor } | border-bottom-color | Yes | Yes | Yes | Yes | Yes | Yes |
| { border-bottom-style : sStyle } | border-bottom-style | No | Yes | Yes | Yes | Yes | Yes |
| { border-bottom-width : sWidth } | border-bottom-width | No | Yes | Yes | Yes | Yes | Yes |
| { border-collapse : sCollapse } | border-collapse | Partial | Partial | Partial | Partial | Yes | Yes |
| { border-color : sColor } | border-color | Yes | Yes | Yes | Yes | Yes | Yes |
| { border-left : sLeft } | border-left | No | Yes | Yes | Yes | Yes | Yes |
| { border-left-color : sColor } | border-left-color | Yes | Yes | Yes | Yes | Yes | Yes |
| { border-left-style : sStyle } | border-left-style | No | Yes | Yes | Yes | Yes | Yes |
| { border-left-width : sWidth } | border-left-width | No | Yes | Yes | Yes | Yes | Yes |
| { border-right : sRight} | border-right | No | Yes | Yes | Yes | Yes | Yes |
| { border-right-color : sColor } | border-right-color | Yes | Yes | Yes | Yes | Yes | Yes |
| { border-right-style : sStyle } | border-right-style | No | Yes | Yes | Yes | Yes | Yes |
| { border-right-width : sWidth } | border-right-width | No | Yes | Yes | Yes | Yes | Yes |
| { border-spacing : sSpacing } | border-spacing | No | No | No | No | Yes | Yes |
| { border-style : sStyle } | border-style | No | Partial | Partial | Partial | Yes | Yes |
| { border-top : sTop } | border-top | No | Yes | Yes | Yes | Yes | Yes |
| { border-top-color : sColor } | border-top-color | Yes | Yes | Yes | Yes | Yes | Yes |
| { border-top-style : sStyle } | border-top-style | No | Yes | Yes | Yes | Yes | Yes |
| { border-top-width : sWidth } | border-top-width | No | Yes | Yes | Yes | Yes | Yes |
| { border-width : sWidth } | border-width | Yes | Yes | Yes | Yes | Yes | Yes |
| { caption-side : sLocation } | caption-side | No | No | No | No | Yes | Yes |
| { clear : sClear } | clear | Yes | Yes | Yes | Yes | Yes | Yes |
| { empty-cells : sEmptyCells } | empty-cells | No | No | No | Partial | Yes | Yes |
| { float : sFloat } | float | Yes | Yes | Yes | Yes | Yes | Yes |
| { margin : sMargin } | margin | Yes | Yes | Yes | Yes | Yes | Yes |
| { margin-bottom : sHeight } | margin-bottom | Yes | Yes | Yes | Yes | Yes | Yes |
| { margin-left : sWidth } | margin-left | Yes | Yes | Yes | Yes | Yes | Yes |
| { margin-right : sWidth } | margin-right | Yes | Yes | Yes | Yes | Yes | Yes |
| { margin-top : sHeight } | margin-top | Yes | Yes | Yes | Yes | Yes | Yes |
| { padding : sPadding } | padding | Yes | Yes | Yes | Yes | Yes | Yes |
| { padding-bottom : sPadding } | padding-bottom | Yes | Yes | Yes | Yes | Yes | Yes |
| { padding-left : sPadding } | padding-left | Yes | Yes | Yes | Yes | Yes | Yes |
| { padding-right : sPadding } | padding-right | Yes | Yes | Yes | Yes | Yes | Yes |
| { padding-top : sPadding } | padding-top | Yes | Yes | Yes | Yes | Yes | Yes |
| { table-layout : sLayout } | table-layout | Yes | Yes | Yes | Yes | Yes | Yes |
CSS3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | ||
|---|---|---|---|---|---|---|---|
| { border-break : sBreak } | border-break | No | No | No | No | No | No |
| { border-image : sImage } | border-image | No | No | No | No | No | No |
| { border-radius : sRadius } | border-radius | No | No | No | No | No | Yes |
| { box-shadow : sShadow } | box-shadow | No | No | No | No | No | Yes |
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | ||
|---|---|---|---|---|---|---|---|
| { bottom : sBottom } | bottom | No | Partial | Partial | Partial | Yes | Yes |
| { clip : sClip } | clip | No | Yes | Yes | Yes | Yes | Yes |
| { display : sDisplay } | display | Partial | Partial | Partial | Partial | Yes | Yes |
| { height : sHeight } | height | Yes | Yes | Yes | Yes | Yes | Yes |
| { left : sPosition } | left | No | Partial | Partial | Partial | Yes | Yes |
| { max-height : sMaxHeight } | max-height | No | No | No | Yes | Yes | Yes |
| { max-width : sWidth } | max-width | No | No | No | Yes | Yes | Yes |
| { min-height : sMinHeight } | min-height | No | No | No | Yes | Yes | Yes |
| { min-width : sMinWidth } | min-width | No | No | No | Yes | Yes | Yes |
| { overflow : sOverflow } | overflow | Partial | Partial | Partial | Yes | Yes | Yes |
| { position : sPosition } | position | Partial | Partial | Partial | Yes | Yes | Yes |
| { right : sPosition } | right | No | Partial | Partial | Partial | Yes | Yes |
| { top : sTop } | top | No | Partial | Partial | Partial | Yes | Yes |
| { visibility : sVisibility } | visibility | Yes | Yes | Yes | Yes | Yes | Yes |
| { width : sWidth } | width | Yes | Yes | Yes | Yes | Yes | Yes |
| { z-index : vOrder } | z-index | Partial | Partial | Partial | Partial | Yes | Yes |
CSS3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | ||
|---|---|---|---|---|---|---|---|
| { overflow-x : sOverflow } | overflow-x | Partial | Partial | Partial | Yes | Yes | Yes |
| { overflow-y : sOverflow } | overflow-y | Partial | Partial | Partial | Yes | Yes | Yes |
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | ||
|---|---|---|---|---|---|---|---|
| { orphans : nLines } | orphans | No | No | No | No | Yes | Yes |
| { page-break-after : sBreak } | page-break-after | Yes | Yes | Yes | Yes | Yes | Yes |
| { page-break-before : sBreak } | page-break-before | Yes | Yes | Yes | Yes | Yes | Yes |
| { page-break-inside : sBreak } | page-break-inside | No | No | No | No | Yes | Yes |
| { widows : nLines } | widows | No | No | No | No | Yes | Yes |
CSS3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | ||
|---|---|---|---|---|---|---|---|
| { fit : sFit } | fit | No | No | No | No | No | No |
| { fit-position : sPosition } | fit-position | No | No | No | No | No | No |
| { image-orientation : sOrientation } | image-orientation | No | No | No | No | No | No |
| { page : sPage } | page | No | No | No | No | No | No |
| { size : sSize } | size | No | No | No | No | No | No |
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | ||
|---|---|---|---|---|---|---|---|
| { cursor : sCursor } | cursor | No | Yes | Yes | Yes | Yes | Yes |
| { outline : sOutline } | outline | No | No | No | No | Yes | Yes |
| { outline-color : sColor } | outline-color | No | No | No | No | Yes | Yes |
| { outline-style : sStyle } | outline-style | No | No | No | No | Yes | Yes |
| { outline-width : sWidth } | outline-width | No | No | No | No | Yes | Yes |
CSS3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | ||
|---|---|---|---|---|---|---|---|
| { appearance : sAppearance } | appearance | No | No | No | No | No | No |
| { box-sizing : sSizing } | box-sizing | No | No | No | No | Yes | Yes |
| { icon : sIcon } | icon | No | No | No | No | No | No |
| { nav-down : sNavDown } | nav-down | No | No | No | No | No | No |
| { nav-index : sIndex } | nav-index | No | No | No | No | No | No |
| { nav-left : sNavLeft } | nav-left | No | No | No | No | No | No |
| { nav-right : sNavRight } | nav-right | No | No | No | No | No | No |
| { nav-up : sNavUp } | nav-up | No | No | No | No | No | No |
| { outline-offset : sOffset } | outline-offset | No | No | No | No | No | No |
| { outline-radius : sRadius } | outline-radius | No | No | No | No | No | No |
| { resize : sResize } | resize | No | No | No | No | No | No |
Internet Explorer does not support any of the CSS3 multi-column layout properties.
Internet Explorer does not support any of the CSS3 speech properties.
The following CSS3 media query properties are supported in Internet Explorer 9:
- width
- height
- device-width
- device-height
- orientation
- aspect-ratio
- device-aspect-ratio
- color
- color-index
- monochrome
- resolution
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | |
|---|---|---|---|---|---|---|
| <number> | Yes | Yes | Yes | Yes | Yes | Yes |
| <length> | Yes | Yes | Yes | Yes | Yes | Yes |
| <percentage> | Yes | Yes | Yes | Yes | Yes | Yes |
| <integer> | Yes | Yes | Yes | Yes | Yes | Yes |
CSS3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | |
|---|---|---|---|---|---|---|
| <angle> | No | No | No | No | No | Yes |
| <time> | No | No | No | No | No | Yes |
| <frequency> | No | No | No | No | No | No |
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | |
|---|---|---|---|---|---|---|
| <string> | Yes | Yes | Yes | Yes | Yes | Yes |
| \code | No | No | Yes | Yes | Yes | Yes |
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | |
|---|---|---|---|---|---|---|
| rect() | No | Yes | Yes | Yes | Yes | Yes |
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | |
|---|---|---|---|---|---|---|
| url() | Yes | Yes | Yes | Yes | Yes | Yes |
| counter() | No | No | No | No | Yes | Yes |
| attr() | No | No | No | No | Yes | Yes |
CSS3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | |
|---|---|---|---|---|---|---|
| calc() | No | No | No | No | No | Yes |
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | |
|---|---|---|---|---|---|---|
| <color> (names) | Yes | Yes | Yes | Yes | Yes | Yes |
| <color> (#rrggbb or #rgb Notation) | Yes | Yes | Yes | Yes | Yes | Yes |
| <color> (rgb(r,g,b) Notation) | Yes | Yes | Yes | Yes | Yes | Yes |
| <color> (system colors) | Yes | Yes | Yes | Yes | Yes | Yes |
| transparent | No | No | Partial | Yes | Yes | Yes |
CSS3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | |
|---|---|---|---|---|---|---|
| <color> (rgba(r,g,b,a)Notation) | No | No | No | No | No | Yes |
| <color> (hsl(h,s,l) Notation) | No | No | No | No | No | Yes |
| <color> (hsla(h,s,l,a) Notation) | No | No | No | No | No | Yes |
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | |
|---|---|---|---|---|---|---|
| auto | No | No | Partial | Yes | Yes | Yes |
| inherit | No | No | No | No | Yes | Yes |
CSS3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | Internet Explorer 9 | |
|---|---|---|---|---|---|---|
| initial | No | No | No | No | No | No |
The following units are supported in Internet Explorer 3.0 and later:
- px
- pt
- pc
- cm
- mm
- in
- em
- ex
- %
The following CSS3 units are supported in Internet Explorer 9:
- deg
- grad
- rad
- turn
- ms
- s
- rem
- vw
- vh
- vm
- ch
The following units are not supported in any version of Internet Explorer:
- Hz
- kHz
- gd