# Style query

Applies styles based on a container's custom property values.

## What is a **style query**?

A **style query** applies styles based on a container's custom property values, not its size.

```css
@container style(--theme: dark) {
  .card { background: #222; color: #eee; }
}
```

Level: Freelancer · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/freelancer)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/style-query