Skip to content

height

height 속성에 대한 유틸리티입니다.

요소의 높이를 지정합니다.

클래스약어 클래스속성
height:0h:0height: var(--height-0) !important; /* 0px */
height:1h:1height: var(--height-1) !important; /* 50px */
height:2h:2height: var(--height-2) !important; /* 100px */
height:3h:3height: var(--height-3) !important; /* 150px */
height:4h:4height: var(--height-4) !important; /* 200px */
height:5h:5height: var(--height-5) !important; /* 250px */
height:6h:6height: var(--height-6) !important; /* 300px */
height:7h:7height: var(--height-7) !important; /* 350px */
height:8h:8height: var(--height-8) !important; /* 400px */
height:9h:9height: var(--height-9) !important; /* 450px */
height:10h:10height: var(--height-10) !important; /* 500px */
height:1ph:1pheight: var(--height-percent-1) !important; /* 10% */
height:2ph:2pheight: var(--height-percent-2) !important; /* 20% */
height:3ph:3pheight: var(--height-percent-3) !important; /* 30% */
height:4ph:4pheight: var(--height-percent-4) !important; /* 40% */
height:5ph:5pheight: var(--height-percent-5) !important; /* 50% */
height:6ph:6pheight: var(--height-percent-6) !important; /* 60% */
height:7ph:7pheight: var(--height-percent-7) !important; /* 70% */
height:8ph:8pheight: var(--height-percent-8) !important; /* 80% */
height:9ph:9pheight: var(--height-percent-9) !important; /* 90% */
height:10ph:10pheight: var(--height-percent-10) !important; /* 100% */
height:1/2h:1/2height: 50% !important;
height:1/3h:1/3height: 33% !important;
height:2/3h:2/3height: 66% !important;
height:1/4h:1/4height: 25% !important;
height:2/4h:2/4height: 50% !important;
height:3/4h:3/4height: 75% !important;
height:1/5h:1/5height: 20% !important;
height:2/5h:2/5height: 40% !important;
height:3/5h:3/5height: 60% !important;
height:4/5h:4/5height: 80% !important;
height:100ph:100pheight: 100% !important;
height:100vhh:100vhheight: 100vh !important;
height:100svhh:100svhheight: 100svh !important;
height:100lvhh:100lvhheight: 100lvh !important;
height:100dvhh:100dvhheight: 100dvh !important;
height:min-contenth:min-contentheight: min-content !important;
height:max-contenth:max-contentheight: max-content !important;
height:fit-contenth:fit-contentheight: fit-content !important;
height:autoh:autoheight: auto !important;

기본 높이값 var(--height) 설정과 관련된 내용은 여기를 참고해주세요.