HTML and CSS Technical Articles
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
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.
At-rules
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 |
Selectors
Element Selectors
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 |
Attribute Selectors
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 |
Combinators
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 |
Pseudo-classes
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 |
Pseudo-elements
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 |
Properties
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 |
2D Transforms
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 |
Lists
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 |
Color and Background
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 |
Font and Text
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 |
Generated Content
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 |
Border and Layout
CSS 2.1:
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 |
Positioning
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 |
Printing
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 |
User Interface
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 |
Multi-column Layout
Internet Explorer does not support any of the CSS3 multi-column layout properties.
Speech
Internet Explorer does not support any of the CSS3 speech properties.
Media Queries
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
Values
Numbers
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 |
Strings
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 |
Shapes
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 |
Functions
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 |
Colors
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 |
Keywords
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 |
Units
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:
See Also