[Change] CSS compatibility and Internet Explorer

sponsored links
With each new version of Windows Internet Explorer release, on cascading style sheets (CSS) standard support is also improved steadily. Internet Explorer 6 is the first fully consistent with CSS level 1 specification version of Internet Explorer. Windows Internet Explorer 8 fully comply with CSS Level 2 Amendment 1 (CSS 2.1) specification, and supports some of the CSS Level 3 (CSS 3) function.

If your site for browsers, including early versions of Internet Explorer, then you need to know the version of the line of CSS level specification. This paper describes the various recent versions of Internet Explorer's CSS compliance (including Internet Explorer 8 in the support).

Note that Internet Explorer 8 in the new CSS features only if your page in IE8 mode (or later) is available in the present. By the title section of your page contains the following meta tag, you can ensure that your page in IE8 mode display:

<meta http-equiv="X-UA-Compatible" content="IE=8" />

The document compatibility mode for more information, see the "definition of document compatibility."

This article on the MSDN CSS Reference document (which may be in English page) and the structure is more loosely based. This article contains the following sections:

Introduction


Each table lists the most recent version of Internet Explorer features CSS support group status information. In each section, the first table that CSS 2.1 or earlier versions of the functions introduced in the second table, said World Wide Web Consortium (W3C) for the CSS 3 of planning.

Cell value "is" that in the corresponding version of Internet Explorer, to realize this function.

Cell value "part" that only the appropriate version of Internet Explorer, part of the realization of the function. For more information, please click the link to view the MSDN reference page on the feature.

Cell value "no" that is not in the corresponding version of Internet Explorer, to achieve this feature.

At Rules


CSS 2.1:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
@ Charset No Be Be Be Be
@ Import Be Be Be Be Be
@ Media No Be Be Be Be
@ Page Part Part Part Part Be

CSS 3:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
@ Font-face No Be Be Be Be
@ Namespace No No No No No

Selector

Element selector


CSS 2.1:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
. Value (sRules) Class (see Note) Part Part Part Be Be
# Value (sRules) ID Be Be Be Be Be
E (sRules) Type Be Be Be Be Be
* (SRules) General No No No Be Be

Note In previous versions of Internet Explorer 7, each element can only have two class selectors.

CSS 3:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
ns | E (sRules) Namespace has been designated No No No No No

Attribute selectors


CSS 2.1:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
[Att = val] (sRules) Equal [=] No No No Be Be
[Att] (sRules) There [] No No No Be Be
[Att | = val] (sRules) Hyphen [| =] No No No Be Be
[Att ~ = val] (sRules) Blank [~ =] No No No Be Be

CSS 3:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
[Ns | attr] (sRules) Namespace has been designated No No No Be Be
[Att ^ = val] (sRules) Prefix [^ =] No No No Be Be
[Att *= val] (sRules) Substring [*=] No No No Be Be
[Att $ = val] (sRules) Suffix [$ =] No No No Be Be

Link break


CSS 2.1:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
E + F (sRules) Adjacent to the same level (+) No No No Be Be
E> F (sRules) Sub-class (>) No No No Be Be
EF (sRules) Future generations Be Be Be Be Be

CSS 3:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
E ~ F (sRules) Conventional equivalent (~) No No No Be Be

Pseudo-class


CSS 2.1:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
: Active (sRules) : Active No No No Part Be
: First-child (sRules) : First-child No No No Be Be
: Focus (sRules) : Focus No No No No Be
: Hover (sRules) : Hover Part Part Part Be Be
: Lang (C) (sRules) : Lang () No No No No Be
: Link (sRules) : Link Be Be Be Be Be
: Visited (sRules) : Visited Be Be Be Be Be
@ Page: first (sRules) @ Page: first No No No No Be
@ Page: left (sRules) @ Page: left No No No No Be
@ Page: right (sRules) @ Page: right No No No No Be

CSS 3:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
: Root (sRules) : Root No No No No No
: Nth-child () (sRules) : Nth-child () No No No No No
: Nth-last-child () (sRules) : Nth-last-child () No No No No No
: Nth-of-type () (sRules) : Nth-of-type () No No No No No
: Nth-last-of-type () (sRules) : Nth-last-of-type () No No No No No
: Last-child (sRules) : Last-child No No No No No
: First-of-type (sRules) : First-of-type No No No No No
: Last-of-type (sRules) : Last-of-type No No No No No
: Only-child (sRules) : Only-child No No No No No
: Only-of-type (sRules) : Only-of-type No No No No No
: Empty (sRules) : Empty No No No No No
: Target (sRules) : Target No No No No No
: Not (X) (sRules) : Not () No No No No No
: Enabled (sRules) : Enabled No No No No No
: Disabled (sRules) : Disabled No No No No No
: Checked (sRules) : Checked No No No No No
: Indeterminate (sRules) : Indeterminate No No No No No
: Default (sRules) : Default No No No No No
: Valid (sRules) : Valid No No No No No
: Invalid (sRules) : Invalid No No No No No
: In-range (sRules) : In-range No No No No No
: Out-of-range (sRules) : Out-of-range No No No No No
: Required (sRules) : Required No No No No No
: Optional (sRules) : Optional No No No No No
: Read-only (sRules) : Read-only No No No No No
: Read-write (sRules) : Read-write 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
: After (sRules) : After No No No No Be
: Before (sRules) : Before No No No No Be
: First-letter (sRules) : First-letter No Be Be Be Be
: First-line (sRules) : First-line No Be Be Be Be

CSS 3:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
:: Before (sRules) :: Before No No No No No
:: After (sRules) :: After No No No No No
:: First-letter (sRules) :: First-letter No No No No No
:: First-line (sRules) :: First-line No No No No No
:: Selection (sRules) :: Selection No No No No No
:: Value (sRules) :: Value No No No No No
:: Choices (sRules) :: Choices No No No No No
:: Repeat-item (sRules) :: Repeat-item No No No No No
:: Repeat-index (sRules) :: Repeat-index No No No No No

Property

CSS 2.1:
Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
(SRule! Important) ! Important statement Part Part Part Be Be

List


CSS 2.1:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
(List-style: sStyle) list-style Be Be Be Be Be
(List-style-image: sStyle) list-style-image Be Be Be Be Be
(List-style-position: sStyle) list-style-position Be Be Be Be Be
(List-style-type: sStyle) list-style-type No No No Part Be

Color and background


CSS 2.1:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
(Color: sColor) color Be Be Be Be Be
(Background: sBackground) background Be Be Be Be Be
(Background-attachment: sAttachment) background-attachment Part Part Part Be Be
(Background-color: sColor) background-color Be Be Be Be Be
(Background-image: sLocation) background-image Be Be Be Be Be
(Background-position: sPosition) background-position Part Part Part Part Be
(Background-repeat: sRepeat) background-repeat Be Be Be Be Be

CSS 3:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
(Color-profile: sProfile) color-profile No No No No No
(Rendering-intent: sIntent) rendering-intent No No No No No
(Background: sBackground1,
sBackground2, etc.)
background (multiple) No No No No No
(Background-clip: sClip) background-clip No No No No No
(Background-origin: sOrigin) background-origin No No No No No
(Background-break: sBreak) background-break No No No No No
(Background-size: sSize) background-size No No No No No

Fonts and Text


CSS 2.1:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
(Direction: sDirection) direction Be Be Be Be Be
(Font: sFont) font Be Be Be Be Be
(Font-family: sFamily) font-family Be Be Be Be Be
(Font-size: sSize) font-size Be Be Be Be Be
(Font-style: sStyle) font-style Be Be Be Be Be
(Font-variant: sVariant) font-variant Be Be Be Be Be
(Font-weight: sWeight) font-weight Part Part Part Part Be
(Letter-spacing: sSpacing) letter-spacing Be Be Be Be Be
(Line-height: sHeight) line-height Be Be Be Be Be
(Text-align: sAlign) text-align Be Be Be Be Be
(Text-decoration: sDecoration) text-decoration Be Be Be Be Be
(Text-indent: sIndent) text-indent Be Be Be Be Be
(Text-transform: sTransform) text-transform Be Be Be Be Be
(Unicode-bidi: sAlign) unicode-bidi Be Be Be Be Be
(Vertical-align: sAlign) vertical-align Be Be Be Be Be
(White-space: sWrap) white-space Part Part Part Part Be
(Word-spacing: sSpacing) word-spacing Part Part Part Part Be

CSS 3:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
(Font-effect: sEffect) font-effect No No No No No
(Font-emphasize: s Emphasize) font-emphasize No No No No No
(Font-size-adjust: sSizeAdjust) font-size-adjust No No No No No
(Font-smooth: s Smooth) font-smooth No No No No No
(Font-stretch: s Stretch) font-stretch No No No No No
(Hanging-punctuation: sH angingPunctuation) hanging-punctuation No No No No No
(Punctuation-trim: sTrim) punctuation-trim No No No No No
(Ruby-align: sRubyAlign) ruby-align Be Be Be Be Be
(Ruby-overhang: sRubyOverhang) ruby-overhang Be Be Be Be Be
(Ruby-position: sRubyPlacement) ruby-position Be Be Be Be Be
(Ruby-span: sRubySpan) ruby-span No No No No No
(Text-align-last: sAlignLast) text-align-last Part Part Part Part Part
(Text-emphasis: s Emphasis) text-emphasis No No No No No
(Text-justify: s Justify) text-justify No Be Be Be Be
(Text-outline: sOutline) text-outline No No No No No
(Text-overflow: sOverflow) text-overflow No Part Part Part Part
(Text-shadow: sShadow) text-shadow No No No No No
(Text-wrap: sWrap) text-wrap No No No No No
(Word-break: sBreak) word-break Part Part Part Part Part
(Word-wrap: sWrap) word-wrap Be Be Be Be Be
(Writing-mode: sFlow) writing-mode Be Be Be Be Be

Generated content


CSS 2.1:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
(Content: sContent) content No No No No Be
(Counter-increment: sCounter) counter-increment No No No No Be
(Counter-reset: sCounter) counter-reset No No No No Be
(Quotes: sQuotes) quotes No No No No Be

Border and Layout


CSS 2.1:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
(Border: sBorder) border Be Be Be Be Be
(Border-bottom: sBottom) border-bottom No Be Be Be Be
(Border-bottom-color: sColor) border-bottom-color Be Be Be Be Be
(Border-bottom-style: s Style) border-bottom-style No Be Be Be Be
(Border-bottom-width: sWidth) border-bottom-width No Be Be Be Be
(Border-collapse: sCollapse) border-collapse Part Part Part Part Be
(Border-color: sColor) border-color Be Be Be Be Be
(Border-left: s Left) border-left No Be Be Be Be
(Border-left-color: sColor) border-left-color Be Be Be Be Be
(Border-left-style: sStyle) border-left-style No Be Be Be Be
(Border-left-width: sWidth) border-left-width No Be Be Be Be
(Border-right: s Right) border-right No Be Be Be Be
(Border-right-color: sColor) border-right-color Be Be Be Be Be
(Border-right-style: sStyle) border-right-style No Be Be Be Be
(Border-right-width: sWidth) border-right-width No Be Be Be Be
(Border-spacing: sSpacing) border-spacing No No No No Be
(Border-style: sStyle) border-style No Part Part Part Be
(Border-top: s Top) border-top No Be Be Be Be
(Border-top-color: sColor) border-top-color Be Be Be Be Be
(Border-top-style: s Style) border-top-style No Be Be Be Be
(Border-top-width: sWidth) border-top-width No Be Be Be Be
(Border-width: sWidth) border-width Be Be Be Be Be
(Caption-side: sLocation) caption-side No No No No Be
(Clear: sClear) clear Be Be Be Be Be
(Empty-cells: sEmptyCells) empty-cells No No No Part Be
(Float: sFloat) float Be Be Be Be Be
(Margin: sMargin) margin Be Be Be Be Be
(Margin-bottom: sHeight) margin-bottom Be Be Be Be Be
(Margin-left: s Width) margin-left Be Be Be Be Be
(Margin-right: sWidth) margin-right Be Be Be Be Be
(Margin-top: sHeight) margin-top Be Be Be Be Be
(Padding: sPadding) padding Be Be Be Be Be
(Padding-bottom: sPadding) padding-bottom Be Be Be Be Be
(Padding-left: sPadding) padding-left Be Be Be Be Be
(Padding-right: sPadding) padding-right Be Be Be Be Be
(Padding-top: sPadding) padding-top Be Be Be Be Be
(Table-layout: sLayout) table-layout Be Be Be Be Be

CSS 3:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
(Border-break: sBreak) border-break No No No No No
(Border-image: sImage) border-image No No No No No
(Border-radius: sRadius) border-radius No No No No No
(Box-shadow: sShadow) box-shadow No No No No No

Locate


CSS 2.1:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
(Bottom: sBottom) bottom No Part Part Part Be
(Clip: s Clip) clip No Be Be Be Be
(Display: sDisplay) display Part Part Part Part Be
(Height: s Height) height Be Be Be Be Be
(Left: sPosition) left No Part Part Part Be
(Max-height: s MaxHeight) max-height No No No Be Be
(Max-width: s Width) max-width No No No Be Be
(Min-height: s MinHeight) min-height No No No Be Be
(Min-width: sMinWidth) min-width No No No Be Be
(Overflow: sOverflow) overflow Part Part Part Be Be
(Position: sPosition) position Part Part Part Be Be
(Right: sPosition) right No Part Part Part Be
(Top: sTop) top No Part Part Part Be
(Visibility: sVisibility) visibility Be Be Be Be Be
(Width: sWidth) width Be Be Be Be Be
(Z-index: vOrder) z-index Part Part Part Part Be

CSS 3:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
(Overflow-x: sOverflow) overflow-x Part Part Part Be Be
(Overflow-y: sOverflow) overflow-y Part Part Part Be Be

Print


CSS 2.1:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
(Orphans: nLines) orphans No No No No Be
(Page-break-after: sBreak) page-break-after Be Be Be Be Be
(Page-break-before: sBreak) page-break-before Be Be Be Be Be
(Page-break-inside: sBreak) page-break-inside No No No No Be
(Widows: nLines) widows No No No No Be

CSS 3:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
(Fit: sFit) fit No No No No No
(Fit-position: sPosition) fit-position No No No No No
(Image-orientation: sOrientation) image-orientation No No No No No
(Page: sPage) page No No No No No
(Size: sSize) size 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
(Cursor: sCursor) cursor No Be Be Be Be
(Outline: sOutline) outline No No No No Be
(Outline-color: sColor) outline-color No No No No Be
(Outline-style: sStyle) outline-style No No No No Be
(Outline-width: sWidth) outline-width No No No No Be

CSS 3:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
(Appearance: sAppearance) appearance No No No No No
(Box-sizing: sSizing) box-sizing No No No No Be
(Icon: sIcon) icon No No No No No
(Nav-down: sNavDown) nav-down No No No No No
(Nav-index: sIndex) nav-index No No No No No
(Nav-left: sNavLeft) nav-left No No No No No
(Nav-right: sNavRight) nav-right No No No No No
(Nav-up: sNavUp) nav-up No No No No No
(Outline-offset: sOffset) outline-offset No No No No No
(Outline-radius: sRadius) outline-radius No No No No No
(Resize: sResize) resize No No No No No

Multi-column layout


CSS 3:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
(Column-break-after: sSize) column-break-after No No No No No
(Column-break-before: sSize) column-break-before No No No No No
(Column-break-inside: sSize) column-break-inside No No No No No
(Column-count: sCount) column-count No No No No No
(Column-gap: sSize) column-gap No No No No No
(Column-rule: sRule) column-rule No No No No No
(Columns: sColumns) columns No No No No No

Voice


Internet Explorer, do not support the CSS 3 speech properties:

  • voice-volume
  • voice-balance
  • speak
  • pause
  • pause-after
  • pause-before
  • rest
  • rest-before
  • rest-after
  • cue
  • cue-after
  • cue-before
  • mark
  • mark-before
  • mark-after
  • voice-family
  • voice-rate
  • voice-pitch
  • voice-pitch-range
  • voice-stress
  • voice-duration
  • phonemes

Media Enquiries


Internet Explorer, do not support the CSS 3 media query properties:

  • width
  • height
  • device-width
  • device-height
  • device-aspect-ratio
  • color
  • color-index
  • monochrome
  • resolution
  • scan
  • grid

Value

Figure


CSS 2.1:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
<number> Be Be Be Be Be
<length> Be Be Be Be Be
<percentage> Be Be Be Be Be
<integer> Be Be Be Be Be

CSS 3:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
<angle> No No No No No
<time> No No No No No
<frequency> No No No No No

String


CSS 2.1:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
<string> Be Be Be Be Be
\ Code No No Be Be Be

Shape


CSS 2.1:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
rect () No Be Be Be Be

Function


CSS 2.1:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
url () Be Be Be Be Be
counter () No No No No Be
attr () No No No No Be

CSS 3:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
calc () No No No No No

Color


CSS 2.1:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
<color> (name) Be Be Be Be Be
<color> (# rrggbbor # rgb notation) Be Be Be Be Be
<color> (rgb (r, g, b) notation) Be Be Be Be Be
<color> (system colors) Be Be Be Be Be
Transparent No No Part Be Be

CSS 3:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
<color> (rgba (r, g, b, a) notation) No No No No No
<color> (hsl (h, s, l) notation) No No No No No
<color> (hsla (h, s, l, a) notation) No No No No No

Keyword


CSS 2.1:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
auto No No Part Be Be
inherit No No No No Be

CSS 3:

Internet Explorer 5 Internet Explorer 5.5 Internet Explorer 6 Internet Explorer 7 Internet Explorer 8
initial No No No No No

Unit


Internet Explorer 3.0 and later support all of the following units:

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

Internet Explorer does not support CSS 3 units of any of the following:

  • deg
  • grad
  • rad
  • ms
  • s
  • Hz
  • kHz
  • turn
  • gd
  • rem
  • vw
  • vh
  • vm
  • ch

See


Original from: MSDN
  • del.icio.us
  • StumbleUpon
  • Digg
  • TwitThis
  • Mixx
  • Technorati
  • Facebook
  • NewsVine
  • Reddit
  • Google
  • LinkedIn
  • YahooMyWeb

Related Posts of [Change] CSS compatibility and Internet Explorer

  • The use of AJAX to some of the issues related to sum up the character encoding

    1. If the html files with meta tags set character encoding to "utf-8", the meta tag title tag must be placed on the front, otherwise it will be displayed in the IE blank, do not know the reason is a big headache because it made almost a Bia ...

  • Thinkpad SL-400 XP driver download and the installation method

    Thinkpad SL-400 XP driver download and installation method Some reminders: 1, please try the following sequence of order-driven installation; END driver download file is an executable file, but only after double-click the document release process are ...

  • Glossary

    AJAX - Asynchronous JavaScript and XML (Asynchronous JavaScript and XML) CSS - Cascading Style Sheets DOM - Document Object Model (Document Object Model) HTML - HTML JavaScript XML - Extensible Markup Language SVG - scalable vector graphics (Scalable ...

  • js javascript mouse touch Gradient drop-down list select the div layer, leaving the mouse back Gradient

    Black hair: http://heisetoufa.javaeye.com/

  • css compatible with ie and firefox

    CSS layout at the role of web development has become increasingly important at the same time, its browser compatibility problem also gives us a lot of problems. The following commonly collected are not compatible, as well as treatment methods, all fr ...

  • Javascript implementation of the category

    Javascript implementation of the category (Reprint: http://www.cnitblog.com/CoffeeCat/archive/2008/02/25/40138.html) Javascript does not support object-oriented, it does not address access control, it does not define categories of keywords class, it ...

  • Basic knowledge of CSS

    In this paper, the source for the original http://www.blueidea.com/tech/site/2006/3358.asp Near the time for the preparation of CSS Reference Manual First, with regard to CSS style sheets 1. In the study before css What you should master the basic knowled

blog comments powered by Disqus
Recent
Recent Entries
Tag Cloud
Random Entries