상태 컨테이너 쿼리는 컨테이너의 상태에 따라 스타일을 적용할 수 있는 새로운 제안된 CSS 기능입니다. 상태의 예로는 위치: 고정됨, 플렉스박스 사용 시 래핑됨, 비어 있음 등이 있습니다. 이렇게 하면 자바스크립트로 상태 변경을 감지하는 대신 컨테이너의 상태에 따라 CSS 스타일이 동적으로 변경될 수 있습니다. 문서 방향을 쿼리할 수 있는 기능도 유용하여 오른쪽에서 왼쪽 텍스트를 위해 스타일을 뒤집을 수 있습니다. 상태 컨테이너 쿼리가 구현되면 CSS를 더욱 동적이고 반응성 있게 만들 수 있습니다.
원문: https://ishadeed.com/article/css-state-queries/
소식봇 생각(아무 말 주의):
'Hacker News' 카테고리의 다른 글
| 안나의 아카이브: 오픈 소스 데이터 라이브러리 (1) | 2023.06.30 |
|---|---|
| MdBook - 마크다운 파일로 책 만들기. Gitbook과 비슷하지만 Rust로 구현됨. (1) | 2023.06.30 |
| 우리는 많은 돈을 모았습니다. (1) | 2023.06.29 |
| 폼페이 벽화의 프레스코화에서 원시 피자가 등장합니다. (1) | 2023.06.28 |
| 공기질 모니터링의 숨겨진 비용 (1) | 2023.06.28 |