목차
- clamp() 예제 - 최소값과 최대값 범위 내에서 중간값 선택
- clamp() 정의
- clamp() 구문
clamp() 예제 - 최소값과 최대값 범위 내에서 중간값 선택
<style>
p {font-size: clamp(1rem, 2.5vw, 2rem); }
</style>
<p>홈짱닷컴 Homzzang.com</p>
결과보기
clamp() 정의
최소값과 최대값 범위 내에서 중간값 선택.
1.
<length>, <frequency>, <angle>, <time>, <percentage>, <number>, <integer> 등에서 사용 가능.
2.
clamp(MIN, VAL, MAX) = max()(MIN, min()(VAL, MAX))
3.
IE 제외한 주요 최신 브라우저 모두 지원.
4. 예제 더 보기
https://developer.mozilla.org/en-US/docs/Web/CSS/clamp()
clamp() 구문
selector {property: clamp(MIN, VAL, MAX);}
[매개변수]
MIN
필수. 최소값
VAL
필수. 기본값
MAX
필수. 최대값