Last Updated: February 25, 2016
·
2.239K
· timpietrusky

Target IE 10 with CSS property detection

If you want to target IE 10 with Vanilla JavaScript, you might want to try CSS property detection:

if (document.body.style.msTouchAction != undefined) {
  document.body.className = 'ie10';
}

Instead of msTouchAction you can also use one of these IE 10 only CSS properties:

  • msTouchAction
  • msWrapFlow
  • msWrapMargin
  • msWrapThrough
  • msScrollLimit
  • msScrollLimitXMin
  • msScrollLimitYMin
  • msScrollLimitXMax
  • msScrollLimitYMax
  • msFlexbox
  • msFlex
  • msFlexOrder

You can also test all this properties on my test page @CodePen.