QP School
@supports Rule in CSS3 - Printable Version

+- QP School (https://qomplainerzschool.lima-city.de)
+-- Forum: Tutorials (https://qomplainerzschool.lima-city.de/forumdisplay.php?fid=3)
+--- Forum: CSS3 Tutorials (https://qomplainerzschool.lima-city.de/forumdisplay.php?fid=5)
+--- Thread: @supports Rule in CSS3 (/showthread.php?tid=5187)



@supports Rule in CSS3 - Qomplainerz - 07-26-2023

Description:

The @supports rule allows you to apply styles based on whether a specific CSS feature is supported by the user's browser.

Example:

@supports (display: grid) {
  body {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

@supports not (display: grid) {
  body {
    float: left;
    width: 50%;
  }
}