CSS if() 함수는 하나의 CSS 값 자리에서 조건에 따라 다른 값을 고르는 함수입니다. 조건은 media(), supports(), style() 테스트를 사용할 수 있고, 먼저 참이 된 조건의 값이 적용됩니다. 다만 2026년 8월 기준 MDN은 이 기능을 Limited availability이자 experimental로 표시하므로, 운영 서비스의 기본 스타일을 대체하기보다 점진적 향상으로 다루는 것이 안전합니다.핵심 기준은 간단합니다. 한 속성의 값만 조건에 따라 바꾸고 싶다면 if()가 코드를 가깝게 모아 줍니다. 여러 선언을 한꺼번에 바꾸거나 지원하지 않는 브라우저까지 같은 결과가 필요하다면 기존 @media, @supports, container style query와 fallback 선언..





