스타일 높이 속성
예시
<button> 요소의 높이 설정:
document.getElementById("myBtn").style.height = "50px";
정의 및 사용
height 속성은 요소의 높이를 설정하거나 반환합니다.
height 속성은 블록 수준 요소 또는 절대 위치 또는 고정 위치의 요소에만 영향을 미칩니다. 넘치는 콘텐츠는 overflow 속성으로 조작할 수 있습니다.
팁: 너비 속성을 사용 하여 요소의 너비를 설정하거나 반환합니다.
브라우저 지원
Property | |||||
---|---|---|---|---|---|
height | Yes | Yes | Yes | Yes | Yes |
통사론
높이 속성을 반환합니다.
object.style.height
높이 속성을 설정합니다.
object.style.height = "auto|length|%|initial|inherit"
속성 값
Value | Description |
---|---|
auto | The browser sets the height. This is default |
length | Defines the height in length units |
% | Defines the height in % of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
기술적 세부 사항
기본값: | 자동 |
---|---|
반환 값: | 요소의 높이를 나타내는 String |
CSS 버전 | CSS1 |
더 많은 예
예시
<div> 요소의 높이를 변경합니다.
document.getElementById("myDIV").style.height = "500px";
예시
<img> 요소의 높이와 너비 변경:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
예시
<img> 요소의 높이를 반환합니다.
alert(document.getElementById("myImg").style.height);
관련 페이지
CSS 튜토리얼: CSS 차원
CSS 튜토리얼: CSS 상자 모델
CSS 참조: 높이 속성
❮ 스타일 개체