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

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:

    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

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:

  • Hz
  • kHz
  • gd

See Also