Springe zu Inhalt

State of CSS 2023

Andere Features

Andere CSS-Features.

CSS Variables (Custom Properties)

Comments19
Compare Data
6802 question respondents out of 9190 survey participants (74.1% completion percentage)
Nie davon gehört
Kenne ich
Habe ich verwendet
We asked members of the CSS community to share their “pick of the year”

My 2023 Pick: text-wrap: balance

Headlines should dazzle and read like a breeze, even if screens play hard to predict. I've battled those annoying solo words at line's end (hello, widow words!), but guess what? Enter text-wrap: balance – one-liner-fix wizardry that's pure magic!

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

Ahmad Awais

VP DevRel & Google Developers Advisory Board founding member

Feature Support Queries (@supports)

Comments9
Compare Data
6787 question respondents out of 9190 survey participants (73.9% completion percentage)
Nie davon gehört
Kenne ich
Habe ich verwendet

CSS Comparison Functions

CSS Comparison Functions
Comments7
Compare Data
min(), max() und clamp()
6795 question respondents out of 9190 survey participants (74% completion percentage)
Nie davon gehört
Kenne ich
Habe ich verwendet
CSS Comparison Functions

Houdini Custom Properties

Comments16
Compare Data
@property
6781 question respondents out of 9190 survey participants (73.8% completion percentage)
Nie davon gehört
Kenne ich
Habe ich verwendet

::marker pseudo-element

Comments12
Compare Data
6791 question respondents out of 9190 survey participants (73.9% completion percentage)
Nie davon gehört
Kenne ich
Habe ich verwendet

:has()

Comments38
Compare Data
6797 question respondents out of 9190 survey participants (74% completion percentage)
Nie davon gehört
Kenne ich
Habe ich verwendet

:where()

Comments8
Compare Data
6801 question respondents out of 9190 survey participants (74.1% completion percentage)
Nie davon gehört
Kenne ich
Habe ich verwendet

Cascade Layers

Cascade Layers
Comments16
Compare Data
6788 question respondents out of 9190 survey participants (73.9% completion percentage)
Nie davon gehört
Kenne ich
Habe ich verwendet
Cascade Layers

Shadow DOM Features

Comments8
Compare Data
6785 question respondents out of 9190 survey participants (73.9% completion percentage)
Nie davon gehört
Kenne ich
Habe ich verwendet

Trigonometric Functions

Trigonometric Functions
Comments8
Compare Data
6775 question respondents out of 9190 survey participants (73.8% completion percentage)
Nie davon gehört
Kenne ich
Habe ich verwendet
Trigonometric Functions

CSS Nesting

Comments65
Compare Data
Native CSS nesting, excluding pre- or post-processors.

    Useful Links

    6793 question respondents out of 9190 survey participants (74% completion percentage)
    		Nie davon gehört
    		Kenne ich
    		Habe ich verwendet

    image-set()

    Comments8
    Compare Data
    6786 question respondents out of 9190 survey participants (73.9% completion percentage)
    		Nie davon gehört
    		Kenne ich
    		Habe ich verwendet

    image()

    Comments8
    Compare Data
    6768 question respondents out of 9190 survey participants (73.7% completion percentage)
    		Nie davon gehört
    		Kenne ich
    		Habe ich verwendet

    Individual Transform Properties

    Individual Transform Properties
    Comments16
    Compare Data
      6784 question respondents out of 9190 survey participants (73.9% completion percentage)
      		Nie davon gehört
      		Kenne ich
      		Habe ich verwendet
      Individual Transform Properties

      Empfohlene Ressourcen

      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
      Danke an unsere Partner für ihre Unterstützung! Erfahre mehr