max-height
max-height 속성에 대한 유틸리티입니다.
요소의 최대 높이를 설정합니다.
| 클래스 | 약어 클래스 | 속성 |
|---|---|---|
max-height:0 | max-h:0 | max-height: var(--height-0) !important; /* 0px */ |
max-height:1 | max-h:1 | max-height: var(--height-1) !important; /* 50px */ |
max-height:2 | max-h:2 | max-height: var(--height-2) !important; /* 100px */ |
max-height:3 | max-h:3 | max-height: var(--height-3) !important; /* 150px */ |
max-height:4 | max-h:4 | max-height: var(--height-4) !important; /* 200px */ |
max-height:5 | max-h:5 | max-height: var(--height-5) !important; /* 250px */ |
max-height:6 | max-h:6 | max-height: var(--height-6) !important; /* 300px */ |
max-height:7 | max-h:7 | max-height: var(--height-7) !important; /* 350px */ |
max-height:8 | max-h:8 | max-height: var(--height-8) !important; /* 400px */ |
max-height:9 | max-h:9 | max-height: var(--height-9) !important; /* 450px */ |
max-height:10 | max-h:10 | max-height: var(--height-10) !important; /* 500px */ |
max-height:100p | max-h:100p | max-height: 100% !important; |
max-height:100vh | max-h:100vh | max-height: 100vh !important; |
max-height:100svh | max-h:100svh | max-height: 100svh !important; |
max-height:100lvh | max-h:100lvh | max-height: 100lvh !important; |
max-height:100dvh | max-h:100dvh | max-height: 100dvh !important; |
max-height:min-contentmax-height:min | max-h:min-contentmax-h:min | max-height: min-content !important; |
max-height:max-contentmax-height:max | max-h:max-contentmax-h:max | max-height: max-content !important; |
max-height:fit-contentmax-height:fit | max-h:fit-contentmax-h:fit | max-height: fit-content !important; |
기본 높이값 var(--height) 설정과 관련된 내용은 여기를 참고해주세요.