<arg-clamp>

구문

• CSS Values and Units Module Level 4

  [ <number> | <dimension> | <percentage> ]#{3}

  <number>, <dimension>, <percentage>중에서 콤마로 구분된 세 개의 값을 지정하며 반드시 세 개의 값 유형이 동일해야 한다. 하지만 예외적으로 <dimension>와 <percentage>는 함께 사용할 수도 있다.

  차례대로 MIN(최소값), VAL(비교값), MAX(최대값) 값으로 연산에 사용된다.

  Example

  요소의 인라인 크기(line-size)는 기본적으로 100%이지만 최대값이 500px이므로 뷰포트의 크기가 늘어나도 요소의 크기는 늘어나지 않고 500px를 유지한다. 뷰포트 축소시에는 최소 크기가 200px이므로 더는 줄지 않고 수평 스크롤바가 생긴다.