Container queries (1) 썸네일형 리스트형 FE 기능 - CSS 컨테이너 쿼리(Container Queries)와 스타일 쿼리(Style Queries) This is a box 컨테이너 쿼리(Container Queries)는 요소가 속한 컨테이너의 크기와 스타일을 기준으로 CSS를 적용할 수 있는 새로운 기능입니다. 이는 기존의 뷰포트를 기준으로 스타일을 적용하는 미디어 쿼리와는 다릅니다.특히, 재사용 가능한 컴포넌트를 다양한 변형 버전으로 활용하거나, 컨테이너 크기별 디자인 변화를 적용할 때 매우 유용합니다.1. 주요 특징컨테이너 크기 기반 스타일링컨테이너의 width, height 등의 크기를 기준으로 스타일을 적용할 수 있습니다.미디어 쿼리처럼 뷰포트 전체를 기준으로 하지 않아도 됩니다.스타일 쿼리컨테이너의 특정 CSS 커스텀 속성을 기반으로 스타일을 변경할 수 있습니다.현재는 CSS **커스텀 속성(--property-name)**에만 작동하.. 이전 1 다음