clamp()
함수를 사용하기 위한 매개 변수의 유형을 나타낸다.
[ <number> | <dimension> | <percentage> ]#{3}
<number>
, <dimension>
, <percentage>
중에서 콤마로 구분된 세 개의 값을 지정하며 반드시 세 개의 값 유형이 동일해야 한다. 하지만 예외적으로 <dimension>
와 <percentage>
는 함께 사용할 수도 있다.
차례대로 MIN(최소값), VAL(비교값), MAX(최대값) 값으로 연산에 사용된다.
요소의 인라인 크기(line-size
)는 기본적으로 100%
이지만 최대값이 500px
이므로 뷰포트의 크기가 늘어나도 요소의 크기는 늘어나지 않고 500px
를 유지한다. 뷰포트 축소시에는 최소 크기가 200px
이므로 더는 줄지 않고 수평 스크롤바가 생긴다.
Modules | ||
---|---|---|
Module Name | Status | Summary |
CSS Values and Units Module Level 4 | 초안 작업 | CSS 속성이 허용하는 공통 값, 단위와 CSS 속성 정의에서 이를 설명하는 데 사용되는 구문을 설명한다. Last review date: 2022-5-28 |