title: Internet Explorer

Only in IE7+

Unsupported in IE6 and below:

• Selectors:

  • > (child)
  • [attr] (attribute)
  • .class1.class2 (multiple classes)
  • ~ (sibling)

• CSS properties:

  • max-width
  • position: fixed

Only in IE8+

Unsupported in IE7 and below:

• Selectors/pseudos:

  • + (adjacent)
  • :first-child (unless for static* elements)
  • :focus
  • :before, :after

• CSS properties:

  • outline
  • display: inline-block (unless on <span>)
  • display: table
  • whitespace: pre-wrap
  • whitespace: pre-line
  • border-collapse, border-spacing, table-layout, ...
  • box-sizing

• Features:

  • PNG alpha transparency
  • data: URI

• JS features:

  • JSON parsing
  • Cross-origin resource sharing

Only in IE9+

• Selectors/pseudos:

  • :first-of-type, :last-of-type
  • :last-child
  • :empty
  • :enabled, :disabled, :checked
  • :not()
  • :nth-child(), :nth-last-child(),
  • :nth-of-type(), :nth-last-of-type(), :only-of-type()
  • :only-child()
  • :target
  • ::selection

• CSS properties:

  • background-clip
  • background-origin
  • background-size
  • background: x, y, z (multiple backgrounds)
  • opacity
  • border-radius
  • box-shadow
  • rgba()
  • -ms-transform

• CSS features:

  • @media queries

• HTML5 features:

  • <canvas>
  • <svg>
  • <img src='image.svg'>

Only in IE10+

• CSS features:

  • -ms-animation
  • transition
  • linear-gradient()

• Features:

  • <input placeholder='..'>
  • <input type='range'>

• HTML5 features:

  • Web sockets

Not in IE10 (or below) at all

• CSS properties:
  • text-shadow

Misc

• "Static" = doesn't work for elements inserted via JS