form:http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx
At-rules
CSS 2.1:
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | |
|---|---|---|---|---|---|---|---|
| Yes | |||||||
| Yes | |||||||
| Yes | |||||||
| * | Yes |
CSS 3:
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | |
|---|---|---|---|---|---|---|---|
| Yes | |||||||
| @namespace | No | No | No | No | No | No | No |
Selectors
Element Selectors
CSS 2.1:
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | ||
|---|---|---|---|---|---|---|---|---|
| .value { sRules } | Yes | |||||||
| #value { sRules } | Yes | |||||||
| E { sRules } | Yes | |||||||
| * { sRules } | Yes |
Note Prior to Internet Explorer 7, there was a two-class selector limit per element.
CSS 3:
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | ||
|---|---|---|---|---|---|---|---|---|
| ns|E { sRules } | Namespaced | No | No | No | No | No | No | No |
Attribute Selectors
CSS 2.1:
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | ||
|---|---|---|---|---|---|---|---|---|
| [att=val] { sRules } | Yes | |||||||
| [att] { sRules } | Yes | |||||||
| [att|=val] { sRules } | Yes | |||||||
| [att~=val] { sRules } | Yes |
CSS 3:
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | ||
|---|---|---|---|---|---|---|---|---|
| [ns|attr] { sRules } | Namespaced | No | No | No | Yes | Yes | Yes | Yes |
| [att^=val] { sRules } | Yes | |||||||
| [att*=val] { sRules } | Yes | |||||||
| [att$=val] { sRules } | Yes |
Combinators
CSS 2.1:
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | ||
|---|---|---|---|---|---|---|---|---|
| E + F { sRules } | Yes | |||||||
| E > F { sRules } | Yes | |||||||
| E F { sRules } | Yes |
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | ||
|---|---|---|---|---|---|---|---|---|
| E ~ F { sRules } | Yes |
Pseudo-classes
CSS 2.1:
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | ||
|---|---|---|---|---|---|---|---|---|
| :active { sRules } | Yes | |||||||
| :first-child { sRules } | Yes | |||||||
| :focus { sRules } | Yes | |||||||
| :hover { sRules } | Yes | |||||||
| :lang(C) { sRules } | :lang() | No | No | No | No | Yes | Yes | Yes |
| :link { sRules } | Yes | |||||||
| :visited { sRules } | Yes | |||||||
| @page :first { sRules } | Yes | |||||||
| @page :left { sRules } | Yes | |||||||
| @page :right { sRules } | Yes |
CSS 3:
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | ||
|---|---|---|---|---|---|---|---|---|
| :root { sRules } | :root | No | No | No | No | No | No | No |
| :nth-child() { sRules } | :nth-child() | No | No | No | No | No | No | No |
| :nth-last-child() { sRules } | :nth-last-child() | No | No | No | No | No | No | No |
| :nth-of-type() { sRules } | :nth-of-type() | No | No | No | No | No | No | No |
| :nth-last-of-type() { sRules } | :nth-last-of-type() | No | No | No | No | No | No | No |
| :last-child { sRules } | :last-child | No | No | No | No | No | No | No |
| :first-of-type { sRules } | :first-of-type | No | No | No | No | No | No | No |
| :last-of-type { sRules } | :last-of-type | No | No | No | No | No | No | No |
| :only-child { sRules } | :only-child | No | No | No | No | No | No | No |
| :only-of-type { sRules } | :only-of-type | No | No | No | No | No | No | No |
| :empty { sRules } | :empty | No | No | No | No | No | No | No |
| :target { sRules } | :target | No | No | No | No | No | No | No |
| :not(X) { sRules } | :not() | No | No | No | No | No | No | No |
| :enabled { sRules } | :enabled | No | No | No | No | No | No | No |
| :disabled { sRules } | :disabled | No | No | No | No | No | No | No |
| :checked { sRules } | :checked | No | No | No | No | No | No | No |
| :indeterminate { sRules } | :indeterminate | No | No | No | No | No | No | No |
| :default { sRules } | :default | No | No | No | No | No | No | No |
| :valid { sRules } | :valid | No | No | No | No | No | No | No |
| :invalid { sRules } | :invalid | No | No | No | No | No | No | No |
| :in-range { sRules } | :in-range | No | No | No | No | No | No | No |
| :out-of-range { sRules } | :out-of-range | No | No | No | No | No | No | No |
| :required { sRules } | :required | No | No | No | No | No | No | No |
| :optional { sRules } | :optional | No | No | No | No | No | No | No |
| :read-only { sRules } | :read-only | No | No | No | No | No | No | No |
| :read-write { sRules } | :read-write | No | No | No | No | No | No | No |
Pseudo-elements
CSS 2.1:
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | ||
|---|---|---|---|---|---|---|---|---|
| :after { sRules } | Yes | |||||||
| :before { sRules } | Yes | |||||||
| :first-letter { sRules } | Yes | |||||||
| :first-line { sRules } | Yes |
CSS 3:
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | ||
|---|---|---|---|---|---|---|---|---|
| ::before { sRules } | ::before | No | No | No | No | No | No | No |
| ::after { sRules } | ::after | No | No | No | No | No | No | No |
| ::first-letter { sRules } | ::first-letter | No | No | No | No | No | No | No |
| ::first-line { sRules } | ::first-line | No | No | No | No | No | No | No |
| ::selection { sRules } | ::selection | No | No | No | No | No | No | No |
| ::value { sRules } | ::value | No | No | No | No | No | No | No |
| ::choices { sRules } | ::choices | No | No | No | No | No | No | No |
| ::repeat-item { sRules } | ::repeat-item | No | No | No | No | No | No | No |
| ::repeat-index { sRules } | ::repeat-index | No | No | No | No | No | No | No |
Attributes
CSS 2.1:
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | ||
|---|---|---|---|---|---|---|---|---|
| { sRule!important } | Yes |
Lists
CSS 2.1:
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | ||
|---|---|---|---|---|---|---|---|---|
| { list-style : sStyle } | Yes | |||||||
| { list-style-image : sStyle } | Yes | |||||||
| { list-style-position : sStyle } | Yes | |||||||
| { list-style-type : sStyle } | Yes |
Color and Background
CSS 2.1:
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | ||
|---|---|---|---|---|---|---|---|---|
| { color : sColor } | Yes | |||||||
| { background : sBackground } | Yes | |||||||
| { background-attachment : sAttachment } | Yes | |||||||
| { background-color : sColor } | Yes | |||||||
| { background-image : sLocation } | Yes | |||||||
| { background-position : sPosition } | Yes | |||||||
| { background-repeat : sRepeat } | Yes |
CSS 3:
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | ||
|---|---|---|---|---|---|---|---|---|
| { color-profile : sProfile } | color-profile | No | No | No | No | No | No | No |
| { rendering-intent : sIntent } | rendering-intent | No | No | No | No | No | No | No |
| { background : sBackground1, sBackground2, etc. } | background (multiple) | No | No | No | No | No | No | No |
| { background-clip : sClip } | background-clip | No | No | No | No | No | No | No |
| { background-origin : sOrigin } | background-origin | No | No | No | No | No | No | No |
| { background-break : sBreak } | background-break | No | No | No | No | No | No | No |
| { background-size : sSize } | background-size | No | No | No | No | No | No | No |
Font and Text
CSS 2.1:
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | ||
|---|---|---|---|---|---|---|---|---|
| { direction : sDirection } | Yes | |||||||
| { font : sFont } | Yes | |||||||
| { font-family : sFamily } | Yes | |||||||
| { font-size : sSize } | Yes | |||||||
| { font-style : sStyle } | Yes | |||||||
| { font-variant : sVariant } | Yes | |||||||
| { font-weight : sWeight } | Yes | |||||||
| { letter-spacing : sSpacing } | Yes | |||||||
| { line-height : sHeight } | Yes | |||||||
| { text-align : sAlign } | Yes | |||||||
| { text-decoration : sDecoration } | Yes | |||||||
| { text-indent : sIndent } | Yes | |||||||
| { text-transform : sTransform } | Yes | |||||||
| { unicode-bidi : sAlign } | Yes | |||||||
| { vertical-align : sAlign } | Yes | |||||||
| { white-space : sWrap } | Yes | |||||||
| { word-spacing : sSpacing } | Yes |
CSS 3:
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | ||
|---|---|---|---|---|---|---|---|---|
| { font-effect : sEffect } | font-effect | No | No | No | No | No | No | No |
| { font-emphasize : sEmphasize } | font-emphasize | No | No | No | No | No | No | No |
| { font-size-adjust : sSizeAdjust } | font-size-adjust | No | No | No | No | No | No | No |
| { font-smooth : sSmooth } | font-smooth | No | No | No | No | No | No | No |
| { font-stretch : sStretch } | font-stretch | No | No | No | No | No | No | No |
| { hanging-punctuation : sHangingPunctuation } | hanging-punctuation | No | No | No | No | No | No | No |
| { punctuation-trim : sTrim } | punctuation-trim | No | No | No | No | No | No | No |
| { ruby-align : sRubyAlign } | Yes | |||||||
| { ruby-overhang : sRubyOverhang } | Yes | |||||||
| { ruby-position : sRubyPlacement } | Yes | |||||||
| { ruby-span : sRubySpan } | ruby-span | No | No | No | No | No | No | No |
| { text-align-last : sAlignLast } | Partial | |||||||
| { text-emphasis : sEmphasis } | text-emphasis | No | No | No | No | No | No | No |
| { text-justify : sJustify } | Yes | |||||||
| { text-outline : sOutline } | text-outline | No | No | No | No | No | No | No |
| { text-overflow : sOverflow} | Partial | |||||||
| { text-shadow : sShadow } | text-shadow | No | No | No | No | No | No | No |
| { text-wrap : sWrap } | text-wrap | No | No | No | No | No | No | No |
| { word-break : sBreak } | Partial | |||||||
| { word-wrap : sWrap } | Yes | |||||||
| { writing-mode : sFlow } | Yes |
Generated Content
CSS 2.1:
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | ||
|---|---|---|---|---|---|---|---|---|
| { content : sContent } | Yes | |||||||
| { counter-increment : sCounter } | Yes | |||||||
| { counter-reset : sCounter } | Yes | |||||||
| { quotes : sQuotes } | quotes | No | No | No | No | No | Yes | Yes |
Border and Layout
CSS 2.1:
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | ||
|---|---|---|---|---|---|---|---|---|
| { border : sBorder } | Yes | |||||||
| { border-bottom : sBottom } | Yes | |||||||
| { border-bottom-color : sColor } | Yes | |||||||
| { border-bottom-style : sStyle } | Yes | |||||||
| { border-bottom-width : sWidth } | Yes | |||||||
| { border-collapse : sCollapse } | Yes | |||||||
| { border-color : sColor } | Yes | |||||||
| { border-left : sLeft } | Yes | |||||||
| { border-left-color : sColor } | Yes | |||||||
| { border-left-style : sStyle } | Yes | |||||||
| { border-left-width : sWidth } | Yes | |||||||
| { border-right : sRight} | Yes | |||||||
| { border-right-color : sColor } | Yes | |||||||
| { border-right-style : sStyle } | Yes | |||||||
| { border-right-width : sWidth } | Yes | |||||||
| { border-spacing : sSpacing } | Yes | |||||||
| { border-style : sStyle } | Yes | |||||||
| { border-top : sTop } | Yes | |||||||
| { border-top-color : sColor } | Yes | |||||||
| { border-top-style : sStyle } | Yes | |||||||
| { border-top-width : sWidth } | Yes | |||||||
| { border-width : sWidth } | Yes | |||||||
| { caption-side : sLocation } | Yes | |||||||
| { clear : sClear } | Yes | |||||||
| { empty-cells : sEmptyCells } | empty-cells | No | No | No | Partial | Partial | Yes | Yes |
| { float : sFloat } | Yes | |||||||
| { margin : sMargin } | Yes | |||||||
| { margin-bottom : sHeight } | Yes | |||||||
| { margin-left : sWidth } | Yes | |||||||
| { margin-right : sWidth } | Yes | |||||||
| { margin-top : sHeight } | Yes | |||||||
| { padding : sPadding } | Yes | |||||||
| { padding-bottom : sPadding } | Yes | |||||||
| { padding-left : sPadding } | Yes | |||||||
| { padding-right : sPadding } | Yes | |||||||
| { padding-top : sPadding } | Yes | |||||||
| { table-layout : sLayout } | Yes |
CSS 3:
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | ||
|---|---|---|---|---|---|---|---|---|
| { border-break : sBreak } | border-break | No | No | No | No | No | No | No |
| { border-image : sImage } | border-image | No | No | No | No | No | No | No |
| { border-radius : sRadius } | border-radius | No | No | No | No | No | No | No |
| { box-shadow : sShadow } | box-shadow | No | No | No | No | No | No | No |
Positioning
CSS 2.1:
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | ||
|---|---|---|---|---|---|---|---|---|
| { bottom : sBottom } | Yes | |||||||
| { clip : sClip } | Yes | |||||||
| { display : sDisplay } | Yes | |||||||
| { height : sHeight } | Yes | |||||||
| { left : sPosition } | Yes | |||||||
| { max-height : sMaxHeight } | Yes | |||||||
| { max-width : sWidth } | Yes | |||||||
| { min-height : sMinHeight } | Yes | |||||||
| { min-width : sMinWidth } | Yes | |||||||
| { overflow : sOverflow } | Yes | |||||||
| { position : sPosition } | Yes | |||||||
| { right : sPosition } | Yes | |||||||
| { top : sTop } | Yes | |||||||
| { visibility : sVisibility } | Yes | |||||||
| { width : sWidth } | Yes | |||||||
| { z-index : vOrder } | Yes |
CSS 3:
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | ||
|---|---|---|---|---|---|---|---|---|
| { overflow-x : sOverflow } | Yes | |||||||
| { overflow-y : sOverflow } | Yes |
Printing
CSS 2.1:
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | ||
|---|---|---|---|---|---|---|---|---|
| { orphans : nLines } | Yes | |||||||
| { page-break-after : sBreak } | Yes | |||||||
| { page-break-before : sBreak } | Yes | |||||||
| { page-break-inside : sBreak } | Yes | |||||||
| { widows : nLines } | Yes |
CSS 3:
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | ||
|---|---|---|---|---|---|---|---|---|
| { fit : sFit } | fit | No | No | No | No | No | No | No |
| { fit-position : sPosition } | fit-position | No | No | No | No | No | No | No |
| { image-orientation : sOrientation } | image-orientation | No | No | No | No | No | No | No |
| { page : sPage } | page | No | No | No | No | No | No | No |
| { size : sSize } | size | No | No | No | No | No | No | No |
User Interface
CSS 2.1:
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | ||
|---|---|---|---|---|---|---|---|---|
| { cursor : sCursor } | Yes | |||||||
| { outline : sOutline } | Yes | |||||||
| { outline-color : sColor } | Yes | |||||||
| { outline-style : sStyle } | Yes | |||||||
| { outline-width : sWidth } | Yes |
CSS 3:
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | ||
|---|---|---|---|---|---|---|---|---|
| { appearance : sAppearance } | appearance | No | No | No | No | No | No | No |
| { box-sizing : sSizing } | box-sizing | No | No | No | No | Yes | Yes | Yes |
| { icon : sIcon } | icon | No | No | No | No | No | No | No |
| { nav-down : sNavDown } | nav-down | No | No | No | No | No | No | No |
| { nav-index : sIndex } | nav-index | No | No | No | No | No | No | No |
| { nav-left : sNavLeft } | nav-left | No | No | No | No | No | No | No |
| { nav-right : sNavRight } | nav-right | No | No | No | No | No | No | No |
| { nav-up : sNavUp } | nav-up | No | No | No | No | No | No | No |
| { outline-offset : sOffset } | outline-offset | No | No | No | No | No | No | No |
| { outline-radius : sRadius } | outline-radius | No | No | No | No | No | No | No |
| { resize : sResize } | resize | No | No | No | No | No | No | No |
Multi-column Layout
CSS 3:
| IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 | IE8 Beta 1 | IE8 Beta 2 | IE 8.0 | ||
|---|---|---|---|---|---|---|---|---|
| { column-break-after : sSize } | column-break-after | No | No | No | No | No | No | No |
| { column-break-before : sSize } | column-break-before | No | No | No | No | No | No | No |
| { column-break-inside : sSize } | column-break-inside | No | No | No | No | No | No | No |
| { column-count : sCount } | column-count | No | No | No | No | No | No | No |
| { column-gap : sSize } | column-gap | No | No | No | No | No | No | No |
| { column-rule : sRule } | column-rule | No | No | No | No | No | No | No |
| { columns : sColumns } | columns | No | No | No | No | No | No | No |