데브딕에서 지정한 색인용 자료 타입
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 |