CSS에서 height 속성은 상자(box)의 높이를 설정하는 데 사용됩니다. 이 속성에는 길이 값(px, em 등), 백분율(%), 또는 auto 키워드를 지정할 수 있습니다.
주요 값 정리
- 길이 값: px, em, rem 등 고정된 단위로 높이를 지정합니다.
- 백분율(%): 부모 요소의 높이를 기준으로 상대적인 높이를 지정합니다.
- auto: 콘텐츠 크기에 따라 높이가 자동으로 결정되도록 합니다.
예제
다음 코드를 실행하면 너비 200픽셀, 높이 50픽셀인 문단을 확인할 수 있습니다.
<html> <head> </head> <body> <p style = "width:200px; height:50px; border:2px solid green; padding:15px; margin:20px;"> 이 문단은 너비 200픽셀, 높이 50픽셀입니다. </p> </body> </html>