Skip to content

Range syntax for style queries #41982

@una

Description

@una

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Containment/Container_size_and_style_queries

What specific section or headline is this issue about?

Custom property with a value

What information was incorrect, unhelpful, or incomplete?

"If a style query includes a value for the custom property, the element's computed value for that property must be an exact match"

This is no longer the case, as Chrome now supports range syntax for style queries, aligning with the spec. I think we need to re-work this section to reflect this change.

What did you expect to see?

An example or update that the computed value can be compared via comparison operator and doesn't need to be an exact match.

Do you have any supporting links, references, or citations?

Spec: https://drafts.csswg.org/css-conditional-5/#typedef-style-range

Do you have anything more you want to share?

No response

MDN metadata

Page report details

Metadata

Metadata

Labels

Content:CSSCascading Style Sheets docs

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions