Search⌘ K
AI Features
Home
Courses
The Complete Beginner’s Guide to CSS

Feature Queries

Explore how to use CSS feature queries with the @supports keyword to conditionally apply styles based on browser capabilities. Understand fallback strategies and logical operators to enhance cross-browser CSS functionality.

We'll cover the following...

Feature queries are used in CSS for precise feature detection and are now supported by all modern browsers!

We use the @supports keyword for feature queries, as shown in the example below:

@supports (height: 100vh) {
  .container {
...