Skip to content

Andra Features

Andra CSS-features.

CSS-variabler (Custom Properties)

Comments9
Compare Data
Aldrig hört talas om det
Hört talas om det
Har använt det
We asked members of the CSS community to share their “pick of the year”

My 2022 Pick: The :has() Selector

CSS just because even stronger at orchestrating UI interaction across components. We've barely scratched the surface of the impact of :has() on our styles.

We asked members of the CSS community to share their “pick of the year”

Adam Argyle

UI/CSS DevRel at Google

Funktionsstöds-queries (@supports)

Comments4
Compare Data
Aldrig hört talas om det
Hört talas om det
Har använt det

will-change

Comments16
Compare Data
Aldrig hört talas om det
Hört talas om det
Har använt det

CSS-jämförelsefunktioner

Comments17
Compare Data
<code>min()</code>, <code>max()</code>, and <code>clamp()</code>
Aldrig hört talas om det
Hört talas om det
Har använt det

@property

Comments15
Compare Data
Aldrig hört talas om det
Hört talas om det
Har använt det

Cascade Layers

Comments14
Compare Data
Aldrig hört talas om det
Hört talas om det
Har använt det

Shadow DOM Features

Comments9
Compare Data
Aldrig hört talas om det
Hört talas om det
Har använt det

Trigonometric Functions

Comments17
Compare Data
Aldrig hört talas om det
Hört talas om det
Har använt det

CSS Nesting

Comments60
Compare Data
Native CSS nesting, excluding pre- or post-processors.
Aldrig hört talas om det
Hört talas om det
Har använt det

image-set()

Comments12
Compare Data
Aldrig hört talas om det
Hört talas om det
Har använt det

image()

Comments6
Compare Data
Aldrig hört talas om det
Hört talas om det
Har använt det

Recommended Resources

Dynamic CSS with Custom Properties (aka CSS Variables)
Lea Verou
MIT

Dynamic CSS with Custom Properties (aka CSS Variables)

Modern browsers ship with CSS Custom Properties, also known as “CSS variables”, a superpower that enables us to create reusable components without any JavaScript dependencies needed
Thanks to our partners for supporting us! Learn more.