źródło: msdn.microsoft.com
At-rules - CSS 2.1
| |
IE 7 |
IE 8 |
IE 9 |
| @charset |
Yes |
Yes |
Yes |
| @import |
Yes |
Yes |
Yes |
| @media |
Yes |
Yes |
Updated |
| @page |
Partial |
Yes |
Yes |
At-rules - CSS 3.0
| |
IE 7 |
IE 8 |
IE 9 |
| @font-face |
Yes |
Yes |
Updated |
| @namespace |
No |
No |
Yes |
Element Selectors - CSS 2.1
| |
IE 7 |
IE 8 |
IE 9 |
| .value { sRules } |
Yes |
Yes |
Yes |
| #value { sRules } |
Yes |
Yes |
Yes |
| E { sRules } |
Yes |
Yes |
Yes |
| * { sRules } |
Yes |
Yes |
Yes |
Note Prior to IE 7, there was a two-class selector limit per element.
Element Selectors - CSS 3.0
| |
IE 7 |
IE 8 |
IE 9 |
| ns|E { sRules } |
No |
No |
Yes |
Attribute Selectors - CSS 2.1
| |
IE 7 |
IE 8 |
IE 9 |
| [att=val] { sRules } |
Yes |
Yes |
Yes |
| [att] { sRules } |
Yes |
Yes |
Yes |
| [att|=val] { sRules } |
Yes |
Yes |
Yes |
| [att~=val] { sRules } |
Yes |
Yes |
Yes |
Attribute Selectors - CSS 3.0
| |
IE 7 |
IE 8 |
IE 9 |
| [ns|attr] { sRules } |
Yes |
Yes |
Yes |
| [att^=val] { sRules } |
Yes |
Yes |
Yes |
| [att*=val] { sRules } |
Yes |
Yes |
Yes |
| [att$=val] { sRules } |
Yes |
Yes |
Yes |
Combinators - CSS 2.1
| |
IE 7 |
IE 8 |
IE 9 |
| E + F { sRules } |
Yes |
Yes |
Yes |
| E > F { sRules } |
Yes |
Yes |
Yes |
| E F { sRules } |
Yes |
Yes |
Yes |
Combinators - CSS 3.0
| |
IE 7 |
IE 8 |
IE 9 |
| E ~ F { sRules } |
Yes |
Yes |
Yes |
Pseudo-classes - CSS 2.1
| |
IE 7 |
IE 8 |
IE 9 |
| :active { sRules } |
Partial |
Yes |
Yes |
| :first-child { sRules } |
Yes |
Yes |
Yes |
| :focus { sRules } |
No |
Yes |
Yes |
| :hover { sRules } |
Yes |
Yes |
Yes |
| :lang(C) { sRules } |
No |
Yes |
Yes |
| :link { sRules } |
Yes |
Yes |
Yes |
| :visited { sRules } |
Yes |
Yes |
Yes |
| @page :first { sRules } |
No |
Yes |
Yes |
| @page :left { sRules } |
No |
Yes |
Yes |
| @page :right { sRules } |
No |
Yes |
Yes |
Pseudo-classes - CSS 3.0
| |
IE 7 |
IE 8 |
IE 9 |
| :root { sRules } |
No |
No |
Yes |
| :nth-child(n) { sRules } |
No |
No |
Yes |
| :nth-last-child(n) { sRules } |
No |
No |
Yes |
| :nth-of-type(n) { sRules } |
No |
No |
Yes |
| :nth-last-of-type(n) { sRules } |
No |
No |
Yes |
| :last-child { sRules } |
No |
No |
Yes |
| :first-of-type { sRules } |
No |
No |
Yes |
| :last-of-type { sRules } |
No |
No |
Yes |
| :only-child { sRules } |
No |
No |
Yes |
| :only-of-type { sRules } |
No |
No |
Yes |
| :empty { sRules } |
No |
No |
Yes |
| :target { sRules } |
No |
No |
Yes |
| :not(s) { sRules } |
No |
No |
Yes |
| :enabled { sRules } |
No |
No |
Yes |
| :disabled { sRules } |
No |
No |
Yes |
| :checked { sRules } |
No |
No |
Yes |
| :indeterminate { sRules } |
No |
No |
Yes |
| :default { sRules } |
No |
No |
No |
| :valid { sRules } |
No |
No |
No |
| :invalid { sRules } |
No |
No |
No |
| :in-range { sRules } |
No |
No |
No |
| :out-of-range { sRules } |
No |
No |
No |
| :required { sRules } |
No |
No |
No |
| :optional { sRules } |
No |
No |
No |
| :read-only { sRules } |
No |
No |
No |
| :read-write { sRules } |
No |
No |
No |
Pseudo-elements - CSS 2.1
| |
IE 7 |
IE 8 |
IE 9 |
| :after { sRules } |
No |
Yes |
Yes |
| :before { sRules } |
No |
Yes |
Yes |
| :first-letter { sRules } |
Yes |
Yes |
Yes |
| :first-line { sRules } |
Yes |
Yes |
Yes |
Pseudo-elements - CSS 3.0
| |
IE 7 |
IE 8 |
IE 9 |
| ::before { sRules } |
No |
No |
No |
| ::after { sRules } |
No |
No |
No |
| ::first-letter { sRules } |
No |
No |
No |
| ::first-line { sRules } |
No |
No |
No |
| ::selection { sRules } |
No |
No |
Yes |
| ::value { sRules } |
No |
No |
No |
| ::choices { sRules } |
No |
No |
No |
| ::repeat-item { sRules } |
No |
No |
No |
| ::repeat-index { sRules } |
No |
No |
No |
Properties - CSS 2.1
| |
IE 7 |
IE 8 |
IE 9 |
| { sRule!important } |
Yes |
Yes |
Yes |
2D Transforms - CSS 3.0
| |
IE 7 |
IE 8 |
IE 9 |
| { transform : sFunction } |
No |
No |
Yes |
| { transform-origin : sOrigin } |
No |
No |
Yes |
Lists - CSS 2.1
| |
IE 7 |
IE 8 |
IE 9 |
| { list-style : sStyle } |
Yes |
Yes |
Yes |
| { list-style-image : sStyle } |
Yes |
Yes |
Yes |
| { list-style-position : sStyle } |
Yes |
Yes |
Yes |
| { list-style-type : sStyle } |
Partial |
Yes |
Yes |
Color and Background - CSS 2.1
| |
IE 7 |
IE 8 |
IE 9 |
| { color : sColor } |
Yes |
Yes |
Yes |
| { background : sBackground } |
Yes |
Yes |
Updated |
| { background-attachment : sAttachment } |
Yes |
Yes |
Updated |
| { background-color : sColor } |
Yes |
Yes |
Updated |
| { background-image : sLocation } |
Yes |
Yes |
Updated |
| { background-position : sPosition } |
Partial |
Yes |
Updated |
| { background-repeat : sRepeat } |
Yes |
Yes |
Updated |
Color and Background - CSS 3.0
| |
IE 7 |
IE 8 |
IE 9 |
| { color-profile : sProfile } |
No |
No |
No |
| { rendering-intent : sIntent } |
No |
No |
No |
{ background : sBackground1,
sBackground2, etc. } |
No |
No |
Yes |
| { background-clip : sClip } |
No |
No |
Yes |
| { background-origin : sOrigin } |
No |
No |
Yes |
| { background-break : sBreak } |
No |
No |
No |
| { background-size : sSize } |
No |
No |
Yes |
Font and Text - CSS 2.1
| |
IE 7 |
IE 8 |
IE 9 |
| { direction : sDirection } |
Yes |
Yes |
Yes |
| { font : sFont } |
Yes |
Yes |
Yes |
| { font-family : sFamily } |
Yes |
Yes |
Yes |
| { font-size : sSize } |
Yes |
Yes |
Yes |
| { font-style : sStyle } |
Yes |
Yes |
Yes |
| { font-variant : sVariant } |
Yes |
Yes |
Yes |
| { font-weight : sWeight } |
Partial |
Yes |
Yes |
| { letter-spacing : sSpacing } |
Yes |
Yes |
Yes |
| { line-height : sHeight } |
Yes |
Yes |
Yes |
| { text-align : sAlign } |
Yes |
Yes |
Yes |
| { text-decoration :sDecoration } |
Yes |
Yes |
Yes |
| { text-indent : sIndent } |
Yes |
Yes |
Yes |
| { text-transform :sTransform } |
Yes |
Yes |
Yes |
| { unicode-bidi : sAlign } |
Yes |
Yes |
Yes |
| { vertical-align : sAlign } |
Yes |
Yes |
Yes |
| { white-space : sWrap } |
Partial |
Yes |
Yes |
| { word-spacing : sSpacing } |
Partial |
Yes |
Yes |
Font and Text - CSS 3.0
| |
IE 7 |
IE 8 |
IE 9 |
| { font-effect :sEffect } |
No |
No |
No |
| { font-emphasize : sEmphasize } |
No |
No |
No |
| { font-size-adjust : sSizeAdjust } |
No |
No |
No |
| { font-smooth :sSmooth } |
No |
No |
No |
| { font-stretch :sStretch } |
No |
No |
No |
| { hanging-punctuation : sHangingPunctuation } |
No |
No |
No |
| { punctuation-trim : sTrim } |
No |
No |
No |
| { ruby-align :sRubyAlign } |
Yes |
Yes |
Yes |
| { ruby-overhang :sRubyOverhang } |
Yes |
Yes |
Yes |
| { ruby-position :sRubyPlacement } |
Yes |
Yes |
Yes |
| { ruby-span : sRubySpan } |
No |
No |
No |
| { text-align-last : sAlignLast } |
Partial |
Partial |
Partial |
| { text-emphasis :sEmphasis } |
No |
No |
No |
| { text-justify :sJustify } |
Yes |
Yes |
Yes |
| { text-outline : sOutline } |
No |
No |
No |
| { text-overflow : sOverflow} |
Partial |
Partial |
Partial |
| { text-shadow : sShadow } |
No |
No |
No |
| { text-wrap : sWrap } |
No |
No |
No |
| { word-break :sBreak } |
Partial |
Partial |
Partial |
| { word-wrap : sWrap } |
Yes |
Yes |
Yes |
| { writing-mode : sFlow } |
Yes |
Yes |
Yes |
Generated Content - CSS 2.1
| |
IE 7 |
IE 8 |
IE 9 |
| { content : sContent } |
No |
Yes |
Yes |
| { counter-increment : sCounter } |
No |
Yes |
Yes |
| { counter-reset : sCounter } |
No |
Yes |
Yes |
| { quotes : sQuotes } |
No |
Yes |
Yes |
Border and Layout - CSS 2.1
| |
IE 7 |
IE 8 |
IE 9 |
| { border : sBorder } |
Yes |
Yes |
Yes |
| { border-bottom :sBottom } |
Yes |
Yes |
Yes |
| { border-bottom-color : sColor } |
Yes |
Yes |
Yes |
| { border-bottom-style : sStyle } |
Yes |
Yes |
Yes |
| { border-bottom-width : sWidth } |
Yes |
Yes |
Yes |
| { border-collapse : sCollapse } |
Partial |
Yes |
Yes |
| { border-color :sColor } |
Yes |
Yes |
Yes |
| { border-left :sLeft } |
Yes |
Yes |
Yes |
| { border-left-color : sColor } |
Yes |
Yes |
Yes |
| { border-left-style : sStyle } |
Yes |
Yes |
Yes |
| { border-left-width : sWidth } |
Yes |
Yes |
Yes |
| { border-right :sRight} |
Yes |
Yes |
Yes |
| { border-right-color : sColor } |
Yes |
Yes |
Yes |
| { border-right-style : sStyle } |
Yes |
Yes |
Yes |
| { border-right-width : sWidth } |
Yes |
Yes |
Yes |
| { border-spacing :sSpacing } |
No |
Yes |
Yes |
| { border-style :sStyle } |
Partial |
Yes |
Yes |
| { border-top :sTop } |
Yes |
Yes |
Yes |
| { border-top-color : sColor } |
Yes |
Yes |
Yes |
| { border-top-style : sStyle } |
Yes |
Yes |
Yes |
| { border-top-width : sWidth } |
Yes |
Yes |
Yes |
| { border-width : sWidth } |
Yes |
Yes |
Yes |
| { caption-side : sLocation } |
No |
Yes |
Yes |
| { clear : sClear } |
Yes |
Yes |
Yes |
| { empty-cells : sEmptyCells } |
Partial |
Yes |
Yes |
| { float : sFloat } |
Yes |
Yes |
Yes |
| { margin : sMargin } |
Yes |
Yes |
Yes |
| { margin-bottom :sHeight } |
Yes |
Yes |
Yes |
| { margin-left :sWidth } |
Yes |
Yes |
Yes |
| { margin-right :sWidth } |
Yes |
Yes |
Yes |
| { margin-top : sHeight } |
Yes |
Yes |
Yes |
| { padding : sPadding } |
Yes |
Yes |
Yes |
| { padding-bottom :sPadding } |
Yes |
Yes |
Yes |
| { padding-left :sPadding } |
Yes |
Yes |
Yes |
| { padding-right :sPadding } |
Yes |
Yes |
Yes |
| { padding-top :sPadding } |
Yes |
Yes |
Yes |
| { table-layout : sLayout } |
Yes |
Yes |
Yes |
Border and Layout - CSS 3.0
| |
IE 7 |
IE 8 |
IE 9 |
| { border-break : sBreak } |
No |
No |
No |
| { border-image : sImage } |
No |
No |
No |
| { border-radius : sRadius } |
No |
No |
Yes |
| { box-shadow : sShadow } |
No |
No |
Yes |
Positioning - CSS 2.1
| |
IE 7 |
IE 8 |
IE 9 |
| { bottom : sBottom } |
Partial |
Yes |
Yes |
| { clip : sClip } |
Yes |
Yes |
Yes |
| { display : sDisplay } |
Partial |
Yes |
Yes |
| { height : sHeight } |
Yes |
Yes |
Yes |
| { left : sPosition } |
Partial |
Yes |
Yes |
| { max-height :sMaxHeight } |
Yes |
Yes |
Yes |
| { max-width : sWidth } |
Yes |
Yes |
Yes |
| { min-height :sMinHeight } |
Yes |
Yes |
Yes |
| { min-width : sMinWidth } |
Yes |
Yes |
Yes |
| { overflow : sOverflow } |
Yes |
Yes |
Yes |
| { position : sPosition } |
Yes |
Yes |
Yes |
| { right : sPosition } |
Partial |
Yes |
Yes |
| { top : sTop } |
Partial |
Yes |
Yes |
| { visibility :sVisibility } |
Yes |
Yes |
Yes |
| { width : sWidth } |
Yes |
Yes |
Yes |
| { z-index : vOrder } |
Partial |
Yes |
Yes |
Positioning - CSS 3.0
| |
IE 7 |
IE 8 |
IE 9 |
| { overflow-x : sOverflow } |
Yes |
Yes |
Yes |
| { overflow-y : sOverflow } |
Yes |
Yes |
Yes |
Printing - CSS 2.1
| |
IE 7 |
IE 8 |
IE 9 |
| { orphans : nLines } |
No |
Yes |
Yes |
| { page-break-after : sBreak } |
Yes |
Yes |
Yes |
| { page-break-before : sBreak } |
Yes |
Yes |
Yes |
| { page-break-inside : sBreak } |
No |
Yes |
Yes |
| { widows : nLines } |
No |
Yes |
Yes |
Printing - CSS 3.0
| |
IE 7 |
IE 8 |
IE 9 |
| { fit : sFit } |
No |
No |
No |
| { fit-position : sPosition } |
No |
No |
No |
| { image-orientation : sOrientation } |
No |
No |
No |
| { page : sPage } |
No |
No |
No |
| { size : sSize } |
No |
No |
No |
User Interface - CSS 2.1
| |
IE 7 |
IE 8 |
IE 9 |
| { cursor : sCursor } |
Yes |
Yes |
Yes |
| { outline : sOutline } |
No |
Yes |
Yes |
| { outline-color : sColor } |
No |
Yes |
Yes |
| { outline-style : sStyle } |
No |
Yes |
Yes |
| { outline-width : sWidth } |
No |
Yes |
Yes |
User Interface - CSS 3.0
| |
IE 7 |
IE 8 |
IE 9 |
| { appearance : sAppearance } |
No |
No |
No |
| { box-sizing : sSizing } |
No |
Yes |
Yes |
| { icon : sIcon } |
No |
No |
No |
| { nav-down : sNavDown } |
No |
No |
No |
| { nav-index : sIndex } |
No |
No |
No |
| { nav-left : sNavLeft } |
No |
No |
No |
| { nav-right : sNavRight } |
No |
No |
No |
| { nav-up : sNavUp } |
No |
No |
No |
| { outline-offset : sOffset } |
No |
No |
No |
| { outline-radius : sRadius } |
No |
No |
No |
| { resize : sResize } |
No |
No |
No |
Multi-column Layout
IE does not support any of the CSS3 multi-column layout properties.
Speech
IE does not support any of the CSS3 speech properties.
Values Numbers - CSS 2.1
| |
IE 7 |
IE 8 |
IE 9 |
| <number> |
Yes |
Yes |
Yes |
| <length> |
Yes |
Yes |
Yes |
| <percentage> |
Yes |
Yes |
Yes |
| <integer> |
Yes |
Yes |
Yes |
Values Numbers - CSS 3.0
| |
IE 7 |
IE 8 |
IE 9 |
| <angle> |
No |
No |
Yes |
| <time> |
No |
No |
Yes |
| <frequency> |
No |
No |
No |
Strings - CSS 2.1
| |
IE 7 |
IE 8 |
IE 9 |
| <string> |
Yes |
Yes |
Yes |
| \code |
Yes |
Yes |
Yes |
Shapes - CSS 2.1
| |
IE 7 |
IE 8 |
IE 9 |
| rect() |
Yes |
Yes |
Yes |
Functions - CSS 2.1
| |
IE 7 |
IE 8 |
IE 9 |
| url() |
Yes |
Yes |
Yes |
| counter() |
No |
Yes |
Yes |
| attr() |
No |
Yes |
Updated |
Functions - CSS 3.0
| |
IE 7 |
IE 8 |
IE 9 |
| calc() |
No |
No |
Yes |
Colors - CSS 2.1
| |
IE 7 |
IE 8 |
IE 9 |
| <color> (names) |
Yes |
Yes |
Yes |
| <color> (#rrggbb or#rgb Notation) |
Yes |
Yes |
Yes |
| <color> (rgb(r,g,b) Notation) |
Yes |
Yes |
Yes |
| <color> (system colors) |
Yes |
Yes |
Yes |
| transparent |
Yes |
Yes |
Yes |
Colors - CSS 3.0
| |
IE 7 |
IE 8 |
IE 9 |
| <color> (rgba(r,g,b,a)Notation) |
No |
No |
Yes |
| <color> (hsl(h,s,l) Notation) |
No |
No |
Yes |
| <color> (hsla(h,s,l,a)Notation) |
No |
No |
Yes |
Keywords - CSS 2.1
| |
IE 7 |
IE 8 |
IE 9 |
| auto |
Yes |
Yes |
Yes |
| inherit |
No |
Yes |
Yes |
Keywords - CSS 3.0
| |
IE 7 |
IE 8 |
IE 9 |
| initial |
No |
No |
No |
See Also