@supports CSS at-rule

  • When you want to change your CSS properties depending on whether or not a browser supports something
  • The syntax looks like media queries
  • @supports video
  • :not video
@supports (display: flex) {
  /* CSS here if the browser supports flexbox */
}
@supports not (display: flex) {
  /* CSS here if the browser does NOT support flexbox */
}
Last Updated: : 8/25/2019, 6:02:21 PM