feature-detection

How to check if a CSS property or value is supported by a browser?

by

There is the new API CSS.supports. Supported in most browsers except IE. console.log( // CSS.supports(property, value) 1, CSS.supports(“text-decoration-style”, “blink”), 2, CSS.supports(“display”, “flex”), 3, CSS.supports(‘–foo’, ‘red’), 4, CSS.supports(‘(–foo: red)’), // CSS.supports(DOMstring) 5, CSS.supports(“( transform-origin: 5% 5% )”), 6, CSS.supports(“( transform-style: preserve ) or ( -moz-transform-style: preserve ) or ” + “( -o-transform-style: preserve ) or ( … Read more

Detecting IE version using CSS Capability/Feature Detection

by

In the light of the evolving thread, I have updated the below: IE 6 * html .ie6 {property:value;} or .ie6 { _property:value;} IE 7 *+html .ie7 {property:value;} or *:first-child+html .ie7 {property:value;} IE 6 and 7 @media screen\9 { .ie67 {property:value;} } or .ie67 { *property:value;} or .ie67 { #property:value;} IE 6, 7 and 8 @media … Read more

Detecting IE11 using CSS Capability/Feature Detection

by

In the light of the evolving thread, I have updated the below: IE 6 * html .ie6 {property:value;} or .ie6 { _property:value;} IE 7 *+html .ie7 {property:value;} or *:first-child+html .ie7 {property:value;} IE 6 and 7 @media screen\9 { .ie67 {property:value;} } or .ie67 { *property:value;} or .ie67 { #property:value;} IE 6, 7 and 8 @media … Read more

tech