HTML height 属性


定义和用法

height 属性指定元素的高度,以像素为单位。


适用于

height 属性可用于以下元素:

元素 属性
<canvas> height
<embed> height
<iframe> height
<img> height
<input> height
<object> height
<video> height

实例

Canvas 实例

一个高宽200像素的 <canvas> 元素:

<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
亲自试一试 »

Embed 实例

一个高度和宽度为 200 像素的 Flash 动画:

<embed src="helloworld.swf" width="200" height="200">
亲自试一试 »

Iframe 实例

一个指定高度和宽度为200像素的 <iframe>:

<iframe src="/default.asp" width="200" height="200">
</iframe>
亲自试一试 »

Img 实例

高度和宽度为 42 像素的图像:

<img src="smiley.gif" alt="笑脸" height="42" width="42">
亲自试一试 »

Input 实例

定义一个图片作为提交按钮,具有高度和宽度属性:

<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>
亲自试一试 »

Object 实例

一个高度和宽度为 400 像素的 Flash 动画:

<object data="helloworld.swf" height="400" width="400"></object>
亲自试一试 »

Video 实例

具有指定高度和宽度的视频播放器:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持 video 视频标签。
</video>
亲自试一试 »

浏览器支持

height 属性对每个元素都有以下浏览器支持:

元素
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