반응형
-
[CSS] min, max, clampIT 지식 2022. 8. 14. 17:32
1. CSS min/max 사용법 CSS min은 min(a, b, ...) 의 방식으로 사용하며 인자로 받은 값들 중 가장 작은 값을 값으로 취하는 함수이다. 예시 .container { width: min(50%, 200px) } 위와 같이 사용한다면, .container의 width 는 50%와 200px 중 작은 것을 골라 적용하게 된다. 내가 작성한 예시를 기준으로 한다면 위의 값은 .container { width: 50%; max-width: 200px; } 과 같다고 볼 수 있다. max 역시 이와 마찬가지로 max(a, b, ...)의 방식처럼 사용하며, 인자로 받은 값들 중 가장 큰 값을 적용하게 된다. 예시 .container { width: max(50%, 200px) } 위와 같이..