2017년에 배울 새로운 CSS기능 3가지

이 글은 2017년에 주목해야 할 새로운 CSS 기능 3가지 중 첫 번째인 '기능 질의(Feature Queries)'에 대해 소개합니다. 기능 질의는 `@supports` 규칙을 사용하여 특정 CSS 속성-값 쌍을 브라우저가 지원하는 경우에만 해당 CSS 코드를 적용할 수 있게 해줍니다.

이를 통해 개발자는 최신 CSS 기능을 점진적으로 도입하면서도 구형 브라우저에서의 호환성을 유지할 수 있습니다. 예시로 `display: flex` 지원 여부를 확인하는 코드가 제시되었으며, `and`, `not` 연산자를 활용한 복잡한 조건 설정 방법도 설명합니다.

글에서는 기능 질의의 브라우저 지원 현황을 보여주는 이미지를 첨부하여 실제 적용 가능성을 강조합니다.