A very lightweight (847 bytes gzipped) dependency-free module to easily detect CSS features in the browser (and declare their support adding CSS classes to the HTML element).
Usage: UMD is supported so you can use this with AMDs / RequireJS, commonjs / browserify, or simply by sticking the
<script>in your HTML and use the global
SimpleFeatureDetectorfunction. See the examples for an example of each.
Declare support for a feature
Each object contains the CSS property desired and the vendors which it should check for*, if it's not supported natively. Possible values:
g- Gecko (Firefox)
k- KHTML (Konqueror)
p- Presto (Opera)
t- Trident (IE)
all- All of the above
""- return false if not supported natively
- Check support for multiple features
- To simply determine if a feature is supported without adding classes to the DOM, use the second parameter
declareSupport(which defaults to
- Caching: There is none. Use this wisely :)
You'll be fine. Tested as far back as Internet Explorer 8.
* You wouldn't want to check for a vendor+property combination when it never existed (like
o-border-radius), among other possible reasons.