رفتن مستقیم به محتوا

State of CSS 2023

سایر ویژگی‌ها

ویژگی های سایر css.

CSS Variables (Custom Properties)

Comments19
Compare Data
6802 question respondents out of 9190 survey participants (74.1% completion percentage)
تابحال نشنیدم
دربارش میدونم
ازش استفاده کردم
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)
تابحال نشنیدم
دربارش میدونم
ازش استفاده کردم

CSS Comparison Functions

CSS Comparison Functions
Comments7
Compare Data
min(), max(), and clamp()
6795 question respondents out of 9190 survey participants (74% completion percentage)
تابحال نشنیدم
دربارش میدونم
ازش استفاده کردم
CSS Comparison Functions

Houdini Custom Properties

Comments16
Compare Data
@property
6781 question respondents out of 9190 survey participants (73.8% completion percentage)
تابحال نشنیدم
دربارش میدونم
ازش استفاده کردم

::marker pseudo-element

Comments12
Compare Data
6791 question respondents out of 9190 survey participants (73.9% completion percentage)
تابحال نشنیدم
دربارش میدونم
ازش استفاده کردم

:has()

Comments38
Compare Data
6797 question respondents out of 9190 survey participants (74% completion percentage)
تابحال نشنیدم
دربارش میدونم
ازش استفاده کردم

:where()

Comments8
Compare Data
6801 question respondents out of 9190 survey participants (74.1% completion percentage)
تابحال نشنیدم
دربارش میدونم
ازش استفاده کردم

Cascade Layers

Cascade Layers
Comments16
Compare Data
6788 question respondents out of 9190 survey participants (73.9% completion percentage)
تابحال نشنیدم
دربارش میدونم
ازش استفاده کردم
Cascade Layers

Shadow DOM Features

Comments8
Compare Data
6785 question respondents out of 9190 survey participants (73.9% completion percentage)
تابحال نشنیدم
دربارش میدونم
ازش استفاده کردم

Trigonometric Functions

Trigonometric Functions
Comments8
Compare Data
6775 question respondents out of 9190 survey participants (73.8% completion percentage)
تابحال نشنیدم
دربارش میدونم
ازش استفاده کردم
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)
    		تابحال نشنیدم
    		دربارش میدونم
    		ازش استفاده کردم

    image-set()

    Comments8
    Compare Data
    6786 question respondents out of 9190 survey participants (73.9% completion percentage)
    		تابحال نشنیدم
    		دربارش میدونم
    		ازش استفاده کردم

    image()

    Comments8
    Compare Data
    6768 question respondents out of 9190 survey participants (73.7% completion percentage)
    		تابحال نشنیدم
    		دربارش میدونم
    		ازش استفاده کردم

    Individual Transform Properties

    Individual Transform Properties
    Comments16
    Compare Data
      6784 question respondents out of 9190 survey participants (73.9% completion percentage)
      		تابحال نشنیدم
      		دربارش میدونم
      		ازش استفاده کردم
      Individual Transform Properties

      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.