콘텐츠로 건너뛰기

State of CSS 2023

기타 기능

기타 CSS 기능들입니다.

CSS 변수 (사용자 정의 속성)

코멘트19
Compare Data
6802 question respondents out of 9190 survey participants (74.1% completion percentage)
 들어본 적 없음
 들어본 적 있음
 사용해 본 적 있음
우리는 CSS 커뮤니티의 멤버들에게 그들의 "올해의 선택"을 공유해달라고 요청드렸습니다.

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!

우리는 CSS 커뮤니티의 멤버들에게 그들의 "올해의 선택"을 공유해달라고 요청드렸습니다.

Ahmad Awais

VP DevRel & Google Developers Advisory Board founding member

기능 지원 쿼리 (@supports)

코멘트9
Compare Data
6787 question respondents out of 9190 survey participants (73.9% completion percentage)
 들어본 적 없음
 들어본 적 있음
 사용해 본 적 있음

CSS 비교 함수

CSS Comparison Functions
코멘트7
Compare Data
min(), max(), and clamp()
6795 question respondents out of 9190 survey participants (74% completion percentage)
 들어본 적 없음
 들어본 적 있음
 사용해 본 적 있음
CSS Comparison Functions

@property

코멘트16
Compare Data
6781 question respondents out of 9190 survey participants (73.8% completion percentage)
 들어본 적 없음
 들어본 적 있음
 사용해 본 적 있음

::marker

코멘트12
Compare Data
6791 question respondents out of 9190 survey participants (73.9% completion percentage)
 들어본 적 없음
 들어본 적 있음
 사용해 본 적 있음

:has()

코멘트38
Compare Data
6797 question respondents out of 9190 survey participants (74% completion percentage)
 들어본 적 없음
 들어본 적 있음
 사용해 본 적 있음

:where()

코멘트8
Compare Data
6801 question respondents out of 9190 survey participants (74.1% completion percentage)
 들어본 적 없음
 들어본 적 있음
 사용해 본 적 있음

Cascade Layers

Cascade Layers
코멘트16
Compare Data
6788 question respondents out of 9190 survey participants (73.9% completion percentage)
 들어본 적 없음
 들어본 적 있음
 사용해 본 적 있음
Cascade Layers

Shadow DOM Features

코멘트8
Compare Data
6785 question respondents out of 9190 survey participants (73.9% completion percentage)
 들어본 적 없음
 들어본 적 있음
 사용해 본 적 있음

Trigonometric Functions

Trigonometric Functions
코멘트8
Compare Data
6775 question respondents out of 9190 survey participants (73.8% completion percentage)
 들어본 적 없음
 들어본 적 있음
 사용해 본 적 있음
Trigonometric Functions

CSS Nesting

코멘트65
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()

    코멘트8
    Compare Data
    6786 question respondents out of 9190 survey participants (73.9% completion percentage)
    		 들어본 적 없음
    		 들어본 적 있음
    		 사용해 본 적 있음

    image()

    코멘트8
    Compare Data
    6768 question respondents out of 9190 survey participants (73.7% completion percentage)
    		 들어본 적 없음
    		 들어본 적 있음
    		 사용해 본 적 있음

    Individual Transform Properties

    Individual Transform Properties
    코멘트16
    Compare Data
      6784 question respondents out of 9190 survey participants (73.9% completion percentage)
      		 들어본 적 없음
      		 들어본 적 있음
      		 사용해 본 적 있음
      Individual Transform Properties

      추천하는 리소스

      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
      우리를 지원해 준 파트너들께 감사 드립니다! 더 알아보기.