Last Updated: February 25, 2016
·
826
· shinamee

@supports

The @supports CSS at-rule associates a set of nested statements, in a CSS block, that is delimited by curly braces, with a condition consisting of testing of CSS declarations, that is property-value pairs, combined with arbitrary conjunctions, disjunctions, and negations of them. Such a condition is called a supports condition.

EXAMPLES

For supported properties

@supports ( (perspective: 10px) or (-moz-perspective: 10px) or (-webkit-perspective: 10px) or (-ms-perspective: 10px) or (-o-perspective: 10px) ) {
… /* specific CSS applied when 3D transforms, eventually prefixed, are supported */ 
}

For non-support properties

@supports ( not ((text-align-last:justify) or (-moz-text-align-last:justify) ){
… /* specific CSS applied to simulate text-align-last:justify */
}

Browser compatibility
Firefox (Gecko) - 17.0 (17)[*]
Opera - 12.1

Reference: https://developer.mozilla.org/en-US/docs/CSS/@supports