CSS height 属性

CSS height 属性指定了一个元素的高度。默认情况下,这个属性决定的是内容区( content area)的高度,但是,如果将 box-sizing 设置为 border-box , 这个属性决定的将是边框区域(border area)的高度。


实例

设置段落的高度和宽度:

  1. <html>
  2. <head>
  3. <style type="text/css">
  4. img.normal
  5. {
  6. height: auto
  7. }
  8. img.big
  9. {
  10. height: 160px
  11. }
  12. img.small
  13. {
  14. height: 30px
  15. }
  16. </style>
  17. </head>
  18. <body>
  19. <img class="normal" src="/images/smiley.gif">
  20. <br>
  21. <img class="big" src="/images/smiley.gif">
  22. <br>
  23. <img class="small" src="/images/smiley.gif">
  24. </body>
  25. </html>

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

属性
height1.04.01.01.07.0

定义和用法

height 属性设置元素的高度。

说明

这个属性定义元素内容区的高度,在内容区外面可以增加内边距、边框和外边距。

行内非替换元素会忽略这个属性。

默认值:auto
继承性:no
版本:CSS1
JavaScript 语法:object.style.height="50px"

可能的值

描述
auto默认。浏览器会计算出实际的高度。
length使用 px、cm 等单位定义高度。
%基于包含它的块级对象的百分比高度。
inherit规定应该从父元素继承 height 属性的值。

相关页面

CSS 教程:CSS 尺寸

CSS 教程:CSS 框模型概述

CSS 参考手册:width 属性

分类导航