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