CSS Compatibility in 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. Microsoft Internet Explorer 6 was the first fully Cascading Style Sheets, Level 1 (CSS1)-compliant version of Internet Explorer. Windows Internet Explorer 8 is fully compliant with the Cascading Style Sheets, Level 2 Revision 1 (CSS2.1) specification and supports some features of Cascading Style Sheets, Level 3 (CSS3). Windows Internet Explorer 9 and Internet Explorer 10 add 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 website 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 and Internet Explorer 10.

Note  Newer features will not work on webpages that have an older document compatibility mode specified. For instance, a feature introduced in Internet Explorer 9 will not work if the page has been set to display in IE8 Standards mode, even if you're viewing the page in Internet Explorer 9. 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 CSS2.1 or earlier, and the second table represents features planned (by the W3C) for CSS3.

A value of "Yes" in a cell indicates that the feature is implemented in that version of Internet Explorer.

A value of "Partial" in a cell indicates that the 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 the 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 that version of Internet Explorer.

At-rules

CSS2.1:

 Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
@charsetYesYesYesYesYes
@importYesYesYesYesYes
@mediaYesYesYesUpdatedUpdated
@pagePartialPartialYesYesYes

 

CSS3:

 Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
@font-faceYesYesYesUpdatedYes
@namespace No No No Yes Yes
@keyframesNoNoNoNoYes
@-ms-viewportNoNoNoNoYes

 

Selectors

Element Selectors

CSS2.1:

Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
.value { sRules }Class (see Note)PartialYesYesYesYes
#value { sRules }IDYesYesYesYesYes
E { sRules }TypeYesYesYesYesYes
* { sRules }UniversalNoYesYesYesYes

 

Note  Prior to Windows Internet Explorer 7, there was a two-class selector limit per element.

CSS3:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
ns|E { sRules }NamespacedNoNoNoYesYes

 

Attribute Selectors

CSS2.1:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
[att=val] { sRules }Equality [=]NoYesYesYesYes
[att] { sRules }Existence []NoYesYesYesYes
[att|=val] { sRules }Hyphen [|=]NoYesYesYesYes
[att~=val] { sRules }Whitespace [~=]NoYesYesYesYes

 

CSS3:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
[ns|attr] { sRules }NamespacedNoYesYesYesYes
[att^=val] { sRules }Prefix [^=]NoYesYesYesYes
[att*=val] { sRules }Substring [*=]NoYesYesYesYes
[att$=val] { sRules }Suffix [$=]NoYesYesYesYes

 

Combinators

CSS2.1:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
E + F { sRules }Adjacent Sibling (+)NoYesYesYesYes
E > F { sRules }Child (>)NoYesYesYesYes
E F { sRules }DescendantYesYesYesYesYes

 

CSS3:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
E ~ F { sRules }General Sibling (~)NoYesYesYesYes

 

Pseudo-classes

CSS2.1:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
:active { sRules }:activeNoPartialYesYesYes
:first-child { sRules }:first-childNoYesYesYesYes
:focus { sRules }:focusNoNoYesYesYes
:hover { sRules }:hoverPartialYesYesYesYes
:lang(C) { sRules }:lang()NoNoYesYesYes
:link { sRules }:linkYesYesYesYesYes
:visited { sRules }:visitedYesYesYesYesYes
@page :first { sRules }@page :firstNoNoYesYesYes
@page :left { sRules }@page :leftNoNoYesYesYes
@page :right { sRules }@page :rightNoNoYesYesYes

 

CSS3:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
:root { sRules }:rootNoNoNoYesYes
:nth-child(n) { sRules }:nth-child(n)NoNoNoYesYes
:nth-last-child(n) { sRules }:nth-last-child(n)NoNoNoYesYes
:nth-of-type(n) { sRules }:nth-of-type(n)NoNoNoYesYes
:nth-last-of-type(n) { sRules }:nth-last-of-type(n)NoNoNoYesYes
:last-child { sRules }:last-childNoNoNoYesYes
:first-of-type { sRules }:first-of-typeNoNoNoYesYes
:last-of-type { sRules }:last-of-typeNoNoNoYesYes
:only-child { sRules }:only-childNoNoNoYesYes
:only-of-type { sRules }:only-of-typeNoNoNoYesYes
:empty { sRules }:emptyNoNoNoYesYes
:target { sRules }:targetNoNoNoYesYes
:not(s) { sRules }:not(s)NoNoNoYesYes
:enabled { sRules }:enabledNoNoNoYesYes
:disabled { sRules }:disabledNoNoNoYesYes
:checked { sRules }:checkedNoNoNoYesYes
:indeterminate { sRules }:indeterminateNoNoNoYesYes
:default { sRules }:defaultNoNoNoNoNo
:valid { sRules }:validNoNoNoNoYes
:invalid { sRules }:invalidNoNoNoNoYes
:in-range { sRules }:in-rangeNoNoNoNoNo
:out-of-range { sRules }:out-of-rangeNoNoNoNoNo
:required { sRules }:requiredNoNoNoNoYes
:optional { sRules }:optionalNoNoNoNoYes
:read-only { sRules }:read-onlyNoNoNoNoNo
:read-write { sRules }:read-writeNoNoNoNoNo

 

Pseudo-elements

CSS2.1:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
:after { sRules }:afterNoNoYesYes*Yes*
:before { sRules }:beforeNoNoYesYes*Yes*
:first-letter { sRules }:first-letterYesYesYesYes*Yes*
:first-line { sRules }:first-lineYesYesYesYes*Yes*

 

* It is recommended you use the two-colon (::) form of this pseudo-element in this version of Internet Explorer.

CSS3:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
::after { sRules }::afterNoNoNoYesYes
::before { sRules }::beforeNoNoNoYesYes
::first-letter { sRules }::first-letterNoNoNoYesYes
::first-line { sRules }::first-lineNoNoNoYesYes
::selection { sRules }::selectionNoNoNoYesYes
::value { sRules }::valueNoNoNoNoNo
::choices { sRules }::choicesNoNoNoNoNo
::repeat-item { sRules }::repeat-itemNoNoNoNoNo
::repeat-index { sRules }::repeat-indexNoNoNoNoNo

 

Properties

CSS2.1:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
{ sRule!important  }!important Declaration PartialYesYesYesYes

 

2-D and 3-D Transforms

CSS3:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
{ transform : sFunction }transformNoNoNoYes (2-D only)Updated (2-D and 3-D)
{ transform-origin : sOrigin }transform-originNoNoNoYes (2-D only)Updated (2-D and 3-D)
{ transform-style : sStyle }transform-styleNoNoNoNoYes
{ perspective : sPerspective }perspectiveNoNoNoNoYes
{ perspective-origin : sOrigin }perspective-originNoNoNoNoYes
{ backface-visibility : sVisibility }backface-visibilityNoNoNoNoYes

 

Animations

CSS3:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
{ animation-name : sAnimation }animation-nameNoNoNoNoYes
{ animation-duration : sDuration }animation-durationNoNoNoNoYes
{ animation-timing-function : sFunction }animation-timing-functionNoNoNoNoYes
{ animation-iteration-count : iCount }animation-iteration-countNoNoNoNoYes
{ animation-direction : sDirection }animation-directionNoNoNoNoYes
{ animation-play-state : sVisibility }animation-play-stateNoNoNoNoYes
{ animation-delay : sDelay }animation-delayNoNoNoNoYes
{ animation-fill-mode : sMode }animation-fill-modeNoNoNoNoYes
{ animation : sAnimation }animationNoNoNoNoYes

 

Border and Layout

CSS2.1:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
{ border : sBorder }borderYesYesYesYesYes
{ border-bottom : sBottom }border-bottomYesYesYesYesYes
{ border-bottom-color : sColor }border-bottom-colorYesYesYesYesYes
{ border-bottom-style : sStyle }border-bottom-styleYesYesYesYesYes
{ border-bottom-width : sWidth }border-bottom-widthYesYesYesYesYes
{ border-collapse : sCollapse }border-collapsePartialPartialYesYesYes
{ border-color : sColor }border-colorYesYesYesYesYes
{ border-left : sLeft }border-leftYesYesYesYesYes
{ border-left-color : sColor }border-left-colorYesYesYesYesYes
{ border-left-style : sStyle }border-left-styleYesYesYesYesYes
{ border-left-width : sWidth }border-left-widthYesYesYesYesYes
{ border-right : sRight}border-rightYesYesYesYesYes
{ border-right-color : sColor }border-right-colorYesYesYesYesYes
{ border-right-style : sStyle }border-right-styleYesYesYesYesYes
{ border-right-width : sWidth }border-right-widthYesYesYesYesYes
{ border-spacing : sSpacing }border-spacingNoNoYesYesYes
{ border-style : sStyle }border-stylePartialPartialYesYesYes
{ border-top : sTop }border-topYesYesYesYesYes
{ border-top-color : sColor }border-top-colorYesYesYesYesYes
{ border-top-style : sStyle }border-top-styleYesYesYesYesYes
{ border-top-width : sWidth }border-top-widthYesYesYesYesYes
{ border-width : sWidth }border-widthYesYesYesYesYes
{ caption-side : sLocation }caption-sideNoNoYesYesYes
{ clear : sClear }clearYesYesYesYesYes
{ empty-cells : sEmptyCells }empty-cellsNoPartialYesYesYes
{ float : sFloat }floatYesYesYesYesYes
{ margin : sMargin }marginYesYesYesYesYes
{ margin-bottom : sHeight }margin-bottomYesYesYesYesYes
{ margin-left : sWidth }margin-leftYesYesYesYesYes
{ margin-right : sWidth }margin-rightYesYesYesYesYes
{ margin-top : sHeight }margin-topYesYesYesYesYes
{ padding : sPadding }paddingYesYesYesYesYes
{ padding-bottom : sPadding }padding-bottomYesYesYesYesYes
{ padding-left : sPadding }padding-leftYesYesYesYesYes
{ padding-right : sPadding }padding-rightYesYesYesYesYes
{ padding-top : sPadding }padding-topYesYesYesYesYes
{ table-layout : sLayout }table-layoutYesYesYesYesYes

 

CSS3:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
{ border-break : sBreak }border-breakNoNoNoNoNo
{ border-image : sImage }border-imageNoNoNoNoNo
{ border-radius : sRadius }border-radiusNoNoNoYesYes
{ box-shadow : sShadow }box-shadow NoNoNoYesYes

 

Color and Background

CSS2.1:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
{ color : sColor }colorYesYesYesYesYes
{ background : sBackground }backgroundYesYesYesUpdatedYes
{ background-attachment : sAttachment }background-attachmentPartialYesYesUpdatedYes
{ background-color : sColor }background-colorYesYesYesUpdatedYes
{ background-image : sLocation }background-imageYesYesYesUpdatedYes
{ background-position : sPosition }background-positionPartialPartialYesUpdatedYes
{ background-repeat : sRepeat }background-repeatYesYesYesUpdatedYes

 

CSS3:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
{ color-profile : sProfile }color-profileNoNoNoNoNo
{ rendering-intent : sIntent }rendering-intentNoNoNoNoNo

{ background : sBackground1,

sBackground2, etc. }

background (multiple)NoNoNoYesYes
{ background-clip : sClip }background-clipNoNoNoYesYes
{ background-origin : sOrigin }background-originNoNoNoYesYes
{ background-break : sBreak }background-breakNoNoNoNoNo
{ background-size : sSize }background-sizeNoNoNoYesYes

 

Font and Text

CSS2.1:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
{ direction : sDirection }directionYesYesYesYesYes
{ font : sFont }fontYesYesYesYesYes
{ font-family : sFamily }font-familyYesYesYesYesYes
{ font-size : sSize }font-sizeYesYesYesYesYes
{ font-style : sStyle }font-styleYesYesYesYesYes
{ font-variant : sVariant }font-variantYesYesYesYesYes
{ font-weight : sWeight }font-weightPartialPartialYesYesYes
 { letter-spacing : sSpacing }letter-spacingYesYesYesYesYes
 { line-height : sHeight }line-heightYesYesYesYesYes
{ text-align : sAlign }text-alignYesYesYesYesYes
{ text-decoration : sDecoration }text-decorationYesYesYesYesYes
{ text-indent : sIndent }text-indentYesYesYesYesYes
{ text-transform : sTransform }text-transformYesYesYesYesYes
{ unicode-bidi : sAlign }unicode-bidi YesYesYesYesYes
{ vertical-align : sAlign }vertical-alignYesYesYesYesYes
{ white-space : sWrap }white-space PartialPartialYesYesYes
{ word-spacing : sSpacing }word-spacing PartialPartialYesYesYes

 

CSS3:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
{ font-effect : sEffect }font-effectNoNoNoNoNo
{ font-emphasize : sEmphasize }font-emphasizeNoNoNoNoNo
{ font-feature-settings : sTags }font-feature-settingsNoNoNoNoYes
{ font-size-adjust : sSizeAdjust }font-size-adjustNoNoNoNoNo
{ font-smooth : sSmooth }font-smoothNoNoNoNoNo
{ font-stretch : sStretch }font-stretchNoNoNoYesYes
{ hanging-punctuation : sHangingPunctuation }hanging-punctuationNoNoNoNoNo
{ hyphens : sHyphens }-ms-hyphensNoNoNoNoYes
{ hyphenate-limit-zone : sZone }-ms-hyphenate-limit-zoneNoNoNoNoYes
{ hyphenate-limit-chars : iChar }-ms-hyphenate-limit-charsNoNoNoNoYes
{ hyphenate-limit-lines : iLines }-ms-hyphenate-limit-linesNoNoNoNoYes
{ punctuation-trim : sTrim }punctuation-trim NoNoNoNoNo
{ ruby-align : sRubyAlign }ruby-alignYesYesYesYesYes
{ ruby-overhang : sRubyOverhang }ruby-overhangYesYesYesYesYes
{ ruby-position : sRubyPlacement }ruby-position YesYesYesYesYes
{ ruby-span : sRubySpan }ruby-spanNoNoNoNoNo
{ text-align-last : sAlignLast }text-align-lastPartialPartialPartialPartialPartial
{ text-emphasis : sEmphasis }text-emphasis NoNoNoNoNo
{ text-justify : sJustify }text-justifyYesYesYesYesYes
{ text-outline : sOutline }text-outline NoNoNoNoNo
{ text-overflow : sOverflow}text-overflowPartialPartialPartialPartialPartial
{ text-shadow : sShadow }text-shadowNoNoNoNoYes
{ text-wrap : sWrap }text-wrap NoNoNoNoNo
{ word-break : sBreak }word-breakPartialPartialPartialPartialPartial
{ word-wrap : sWrap }word-wrapYesYesYesYesYes
{ writing-mode : sFlow }writing-modeYesYesYesYesYes

 

Generated Content

CSS2.1:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
{ content : sContent }contentNoNoYesYesYes
{ counter-increment : sCounter }counter-incrementNoNoYesYesYes
{ counter-reset : sCounter }counter-resetNoNoYesYesYes
{ quotes : sQuotes }quotesNoNoYesYesYes

 

Lists

CSS2.1:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
{ list-style : sStyle }list-styleYesYesYesYesYes
{ list-style-image : sStyle }list-style-imageYesYesYesYesYes
{ list-style-position : sStyle }list-style-positionYesYesYesYesYes
{ list-style-type : sStyle }list-style-typeNoPartialYesYesYes

 

Multi-column Layout

CSS3:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
{ column-width : sWidth }column-widthNoNoNoNoYes
{ column-count : sCount }column-countNoNoNoNoYes
{ columns : sColumns }columnsNoNoNoNoYes
{ column-gap : sGap }column-gapNoNoNoNoYes
{ column-rule-color : sColor }column-rule-colorNoNoNoNoYes
{ column-rule-style : sStyle}column-rule-styleNoNoNoNoYes
{ column-rule-width : sWidth }column-rule-widthNoNoNoNoYes
{ column-rule : sRule }column-ruleNoNoNoNoYes
{ break-before : sBreak }break-beforeNoNoNoNoYes
{ break-after : sBreak }break-afterNoNoNoNoYes
{ break-inside : sBreak }break-insideNoNoNoNoYes
{ column-span : sSpan }column-spanNoNoNoNoYes
{ column-fill : sFill }column-fillNoNoNoNoYes

 

Positioning

CSS2.1:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
{ bottom : sBottom }bottomPartialPartialYesYesYes
{ clip : sClip }clipYesYesYesYesYes
{ display : sDisplay }displayPartialPartialYesYesYes
{ height : sHeight }heightYesYesYesYesYes
{ left : sPosition }leftPartialPartialYesYesYes
{ max-height : sMaxHeight }max-heightNoYesYesYesYes
{ max-width : sWidth }max-widthNoYesYesYesYes
{ min-height : sMinHeight }min-height NoYesYesYesYes
{ min-width : sMinWidth }min-widthNoYesYesYesYes
{ overflow : sOverflow }overflowPartialYesYesYesYes
{ position : sPosition }positionPartialYesYesYesYes
{ right : sPosition }rightPartialPartialYesYesYes
{ top : sTop }topPartialPartialYesYesYes
{ visibility : sVisibility }visibilityYesYesYesYesYes
{ width : sWidth }widthYesYesYesYesYes
{ z-index : vOrder }z-indexPartialPartialYesYesYes

 

CSS3:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
{ overflow-x : sOverflow }overflow-xPartialYesYesYesYes
{ overflow-y : sOverflow }overflow-yPartialYesYesYesYes

 

Printing

CSS2.1:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
{ orphans : nLines }orphansNoNoYesYesYes
{ page-break-after : sBreak }page-break-afterYesYesYesYesYes
{ page-break-before : sBreak }page-break-beforeYesYesYesYesYes
{ page-break-inside : sBreak }page-break-insideNoNoYesYesYes
{ widows : nLines }widowsNoNoYesYesYes

 

CSS3:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
{ fit : sFit }fitNoNoNoNoNo
{ fit-position : sPosition }fit-positionNoNoNoNoNo
{ image-orientation : sOrientation }image-orientation NoNoNoNoNo
{ page : sPage }pageNoNoNoNoNo
{ size : sSize }sizeNoNoNoNoNo

 

Transitions

CSS3:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
{ transition-property : sProperty }transition-propertyNoNoNoNoYes
{ transition-duration : sDuration }transition-durationNoNoNoNoYes
{ transition-timing-function : sFunction }transition-timing-functionNoNoNoNoYes
{ transition-delay : sDelay }transition-delayNoNoNoNoYes
{ transition : sTransition }transitionNoNoNoNoYes

 

User Interface

CSS2.1:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
{ cursor : sCursor }cursorYesYesYesYesYes
{ outline : sOutline }outlineNoNoYesYesYes
{ outline-color : sColor }outline-colorNoNoYesYesYes
{ outline-style : sStyle }outline-styleNoNoYesYesYes
{ outline-width : sWidth }outline-widthNoNoYesYesYes

 

CSS3:

  Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
{ appearance : sAppearance }appearance NoNoNoNoNo
{ box-sizing : sSizing }box-sizingNoNoYesYesYes
{ icon : sIcon }iconNoNoNoNoNo
{ nav-down : sNavDown }nav-downNoNoNoNoNo
{ nav-index : sIndex }nav-index NoNoNoNoNo
{ nav-left : sNavLeft }nav-leftNoNoNoNoNo
{ nav-right : sNavRight }nav-rightNoNoNoNoNo
{ nav-up : sNavUp }nav-upNoNoNoNoNo
{ outline-offset : sOffset }outline-offsetNoNoNoNoNo
{ outline-radius : sRadius }outline-radiusNoNoNoNoNo
{ resize : sResize }resizeNoNoNoNoNo

 

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

CSS2.1:

 Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
<number>YesYesYesYesYes
<length>YesYesYesYesYes
<percentage>YesYesYesYesYes
<integer>YesYesYesYesYes

 

CSS3:

 Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
<angle>NoNoNoYesYes
<time>NoNoNoYesYes
<frequency>NoNoNoNoNo

 

Strings

CSS2.1:

 Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
<string>YesYesYesYesYes
\codeYesYesYesYesYes

 

Shapes

CSS2.1:

 Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
rect()YesYesYesYesYes

 

Functions

CSS2.1:

 Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
url()YesYesYesYesYes
counter()NoNoYesYesYes
attr()NoNoYesYesYes

 

CSS3:

 Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
calc()NoNoNoYesYes

 

Gradients

CSS3:

 Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
linear-gradient() NoNoNoNoYes
radial-gradient() NoNoNoNoYes
repeating-linear-gradient() NoNoNoNoYes
repeating-radial-gradient() NoNoNoNoYes

 

Colors

CSS2.1:

 Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
<color> (names)YesYesYesYesYes
<color> (#rrggbb or #rgb Notation)YesYesYesYesYes
<color> (rgb(r,g,b) Notation)YesYesYesYesYes
<color> (system colors)YesYesYesYesYes
transparentPartialYesYesYesYes

 

CSS3:

 Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
<color> (rgba(r,g,b,a) Notation)NoNoNoYesYes
<color> (hsl(h,s,l) Notation)NoNoNoYesYes
<color> (hsla(h,s,l,a) Notation)NoNoNoYesYes

 

Keywords

CSS2.1:

 Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
autoPartialYesYesYesYes
inheritNoNoYesYesYes

 

CSS3:

 Internet Explorer 6Internet Explorer 7Internet Explorer 8Internet Explorer 9Internet Explorer 10
initialNoNoNoNoNo

 

Units

The following units are supported in Microsoft Internet Explorer 3.0 and later:

  • px
  • pt
  • pc
  • cm
  • mm
  • in
  • em
  • ex
  • %

The following CSS3 units are supported in Internet Explorer 9 and later:

  • 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

Related topics

Cascading Style Sheets (MSDN Reference)
Cascading Style Sheets (W3C)

 

 

Show: