HTML 높이 속성
정의 및 사용
height
속성은 요소의 높이를 픽셀 단위로 지정합니다 .
에 적용
속성 은 height
다음 요소에 사용할 수 있습니다.
집단 | 기인하다 |
---|---|
<캔버스> | 키 |
<임베딩> | 키 |
<아이프레임> | 키 |
<img> | 키 |
<입력> | 키 |
<객체> | 키 |
<동영상> | 키 |
예
캔버스 예
높이와 너비가 200픽셀인 <canvas> 요소:
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
포함 예
높이와 너비가 200픽셀인 플래시 애니메이션:
<embed src="helloworld.swf" width="200" height="200">
아이프레임 예시
지정된 높이와 너비가 200픽셀인 <iframe>:
<iframe src="/default.asp" width="200" height="200">
</iframe>
이미지 예
높이와 너비가 42픽셀인 이미지:
<img src="smiley.gif" alt="Smiley face" height="42" width="42">
입력 예
높이 및 너비 속성을 사용하여 이미지를 제출 버튼으로 정의합니다.
<form action="/action_page.php">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">
</form>
개체 예
높이와 너비가 400픽셀인 플래시 애니메이션::
<object data="helloworld.swf" height="400" width="400"></object>
비디오 예
지정된 높이와 너비의 동영상 플레이어:
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
브라우저 지원
특성 은 height
각 요소에 대해 다음 브라우저 지원을 가집니다.
Element | |||||
---|---|---|---|---|---|
canvas | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
embed | Yes | Yes | Yes | Yes | Yes |
iframe | Yes | Yes | Yes | Yes | Yes |
img | Yes | Yes | Yes | Yes | Yes |
input | 1.0 | Yes | 16.0 | Yes | 1.0 |
object | Yes | Yes | Yes | Yes | Yes |
video | Yes | Yes | Yes | Yes | Yes |