데브딕에서 지정한 색인용 자료 타입
min(), max() 함수를 사용하기 위한 매개 변수 유형을 나타낸다.
[ <number> | <dimension> | <percentage> ]#
<number>, <dimension>, <percentage>중에서 한 개 이상의 콤마로 구분된 값을 설정한다. 설정되는 모든 값의 유형은 동일해야 한다. 단, <dimension>와 <percentage>는 함께 사용해도 작동을 한다.
요소의 width는 max(100vw, 100vh)로 지정했으므로 뷰포트의 가로, 세로 크기에 따라 가장 큰 쪽의 크기로 요소의 width가 지정된다. 뷰포트의 가로 크기를 줄이다 보면 뷰포트의 세로 크기로 요소의 width가 지정되는 시점이 생긴다. 이때 창은 가로 방향으로 스크롤바가 나타난다.
요소의 height는 min(100vw, 100vh)로 지정했으므로 뷰포트의 가로, 세로 크기에 따라 가장 작은 쪽의 크기로 요소의 height가 지정된다. 뷰포트의 가로 크기를 줄이다 보면 뷰포트의 가로 크기로 요소의 height가 지정되는 시점이 생긴다.
| Modules | ||
|---|---|---|
| Module Name | Status | Summary |
| CSS Values and Units Module Level 4 | 초안 작업 | CSS 속성이 허용하는 공통 값, 단위와 CSS 속성 정의에서 이를 설명하는 데 사용되는 구문을 설명한다. Last review date: 2022-5-28 |
