Utilizor
Contact Us

CSS @supports

The @supports rule allows you to test whether a browser supports a property or a property-value pair.

CSS @supports Rule

The @supports rule allows you to test whether a browser supports a property or a property-value pair.

This is also known as "feature queries".

Example

If your browser supports "display: grid", this box will be green. Otherwise it will be red.

Example

@supports (display: grid) {
  div {
    display: grid;
  }
}