1. CSS if() function

    The `if()` CSS function allows different values to be set for a property depending on the result of a conditional test. The test can be based on a style query, a media query, or a feature query.

  2. types: `if()`: `style()` queries

  3. types: `if()`: `style()` queries: range syntax for style queries