개체의 높이를 반환하거나 설정한다.

인수

cssSelector : (스타일 선택자)

속성을 가질수 있는 엘레멘트()나 클라스(class) 이름 혹은 인식자(id)이다.

: (속성 문자열)

스타일 속성은 개체 속의 높이를 반환하거나 지정하는 값이다.

auto	디폴트이며, 자동으로 산정한다.
(높이)	부동소수점수치 다음에 cm, mm, in, pt, pc나 px 등 길이 단위가 따르는 절대 길이, 혹은 em or ex 등의 단위가 따르는 상대 길이이다. CSS 길이단위를 참조하라.
(백분율)	정수값에 백분율 기호(%)를 붙인 것이다. 이 값은 지명적으로 지정하는 모체 개체의 높이에 대한 상대적인 백분율이다. 음수값은 허용되지 않는다.

이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 auto이다.

CSS(Cascading Style Sheets) 애트리뷰트는 상속되지 않는다.

특기

img 개체에 height 속성을 지정하고 width 속성을 지정하지 않으면, 너비는 원래 이미지 파일의 높이와 너비의 비율로 환산되어 조정된다.

IE6에서 !DOCTYPE 속성에 규격에 부합하는 설정을 하면, 이 속성은 내용 상자의 제일 위와 제알 아래 모서리 사이의 padding속의 거리만을 지정한다.

!DOCTYPE 선언이 표준 부합형 모드가 아니고, 이전 브라우저 버전이면, 이 속성은 개체의 내용박스를 포함하고, borderTop, borderBottom, paddingTop과 paddingBottom 속성값들이 더해진다. height 속성값에서 이들 값들을 빼면 모체 개체의 내용 박스 높이와 같다.

이 속성을 수치값으로 운영하려면, pixelHeight or posHeight를 사용한다

적용

개체	script	CSS	IE 버전

참조

height width pixelHeight pixelWidth posHeight posWidth

이 속성은 (영어)DOM1(Document Object Model Level 1)과 CSS1(Cascading Style Sheets, Level 1)에서 정의되었다.

원래 이미지 높이 200 너비 200 높이 100, 너비500

결과 표시창

<IMG id=imgObj src=../../gif/flower1.jpg><BR>
<SCRIPT>
function doShow(){
  str='imgObj.currentStyle.width='+imgObj.currentStyle.width+'<BR>';
  str+='imgObj.currentStyle.height='+imgObj.currentStyle.height+'<BR>';
  showA.innerHTML=str;
}
</SCRIPT>
<BUTTON onclick=imgObj.style.height='auto';imgObj.style.width='auto';doShow()>원래 이미지</BUTTON>
<BUTTON onclick=imgObj.style.height=200;doShow()>높이 200</BUTTON>
<BUTTON onclick=imgObj.style.width=200;doShow()>너비 200</BUTTON>
<BUTTON onclick=imgObj.style.height=100;imgObj.style.width=500;doShow()>높이 100, 너비500</BUTTON>
<DIV id=showA>결과 표시창</DIV>