콘텐츠로 건너뛰기

기타 기능

기타 CSS 기능들입니다.

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

코멘트9
Compare Data
들어본 적 없음
들어본 적 있음
사용해 본 적 있음
CSS 커뮤니티 회원들에게 '올해의 추천 제품'을 공유해달라고 요청했습니다.

나의 2022 추천: :has() 선택자

CSS는 컴포넌트 간 UI 상호작용을 조율하는 데 훨씬 더 강력합니다. 지금까지 :has()가 스타일에 미치는 영향에 대해 겨우 표면적인 부분만 살펴봤습니다.

CSS 커뮤니티 회원들에게 '올해의 추천 제품'을 공유해달라고 요청했습니다.

Adam Argyle

Google의 UI/CSS DevRel

기능 지원 쿼리 (@supports)

코멘트4
Compare Data
들어본 적 없음
들어본 적 있음
사용해 본 적 있음

will-change

코멘트16
Compare Data
들어본 적 없음
들어본 적 있음
사용해 본 적 있음

CSS 비교 함수

코멘트17
Compare Data
<code>min()</code>, <code>max()</code>, and <code>clamp()</code>
들어본 적 없음
들어본 적 있음
사용해 본 적 있음

@property

코멘트15
Compare Data
들어본 적 없음
들어본 적 있음
사용해 본 적 있음

Cascade Layers

코멘트14
Compare Data
들어본 적 없음
들어본 적 있음
사용해 본 적 있음

Shadow DOM Features

코멘트9
Compare Data
들어본 적 없음
들어본 적 있음
사용해 본 적 있음

Trigonometric Functions

코멘트17
Compare Data
들어본 적 없음
들어본 적 있음
사용해 본 적 있음

CSS Nesting

코멘트60
Compare Data
Native CSS nesting, excluding pre- or post-processors.
들어본 적 없음
들어본 적 있음
사용해 본 적 있음

image-set()

코멘트12
Compare Data
들어본 적 없음
들어본 적 있음
사용해 본 적 있음

image()

코멘트6
Compare Data
들어본 적 없음
들어본 적 있음
사용해 본 적 있음

추천하는 리소스

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