height

  • 版本:CSS1
  • 媒体:视觉

height语法:

height<length> | <percentage> | auto

默认值auto

适用于:除非置换内联元素,table-column, table-column-group之外的所有元素

继承性:无

动画性:当值为<length> | <percentage>

计算值:指定的值

height取值:

auto:
无特定高度值,取决于其它属性值
<length>
用长度值来定义高度。不允许负值
<percentage>
用百分比来定义高度。不允许负值

height说明:

检索或设置对象的高度。
  • 对于img对象来说,仅指定此属性,其width值将根据图片源尺寸等比例缩放。
  • 对于盒模型规则,请参阅box-sizing属性。
  • 对应的脚本特性为height

height兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
  • 橙色 = 实验性质
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6.0 1.0 1.0 1.0 3.5

height示例:

深入了解viewport、css像素、设备像素、屏幕尺寸、屏幕分辨率、媒体查询、响...

为二级域名。自适应布局:使用宽度百分比,通过服务端脚本实现不同终端输出不同的html/css/js来适配,保证所有设备上的显示效果基本一致。流体式布局...1月14日

CSS3background-size背景图片尺寸属性

比如说最常见的logo作为某个元素的背景,但logo很复杂,假如说我们按照设计图上的去切片的话,那会有两种可能:1、按照csser的分辨率去切片...2015年7月25日

关于CSS3中的背景尺寸

①background-size:XXpxXXpx;数值/百分比都可以。background-size:XX%XX%;设置背景尺寸,但背景图片超出背景尺寸会被隐藏...2016年7月11日

图片尺寸代码:img{width:expression_r(this.width>500?"500px":this.width+"px");} CSS图片尺寸代码,可以分别控制大图片与小图片...2014年8月13日

使用纯CSS实现 未知尺寸的图片(宽高均小于200px)在200px的正方形容器中水平...

​​​​​用css(1) display: table-cell;和 vertical-align: middle 这两个属性...2015年11月18日

DOCTYPEhtml>分类操作<⁄title><linkhref="case3.62.css"t...2015年3月10日</p></div></div><div class="wb-art"><div class="tit"><a target="_blank" href="http://caibaojian.com/t.php?url=http://weibo.com/p/23041851f9ffaa0102vr6k" rel="nofollow noindex">【web前端】css实现屏幕尺寸判断</a></div><div class="con"><p class="desc">发布于2015-09-05 21:15:52body{background:#30F;}@media(max-width:980px){body{background:#F93;}}这个蛮实用的2015年9月5日</p></div></div><div class="wb-art"><div class="tit"><a target="_blank" href="http://caibaojian.com/t.php?url=http://weibo.com/p/230418b1ac185f0102vrm7" rel="nofollow noindex">CSS3background-size背景图片尺寸属性</a></div><div class="con"><p class="desc">不好还好上天有好生之德,问题解决了~还是自己知识面太窄~由于自己之前一直做得都是pc端的页面,对手机端了解较少,当然对css3也就少了系统化的了解,但是正好他有一个属性可以解决我的问题,叫做...2015年7月28日</p></div></div><div class="wb-art"><div class="tit"><a target="_blank" href="http://caibaojian.com/t.php?url=http://weibo.com/p/230418b0736f090102wh6q" rel="nofollow noindex">CSS背景图拉伸自适应尺寸,全浏览器兼容</a></div><div class="con"><p class="desc">说网上CSSfilter的方法在非IE浏览器下不奏效。思考之后,问题之外让我感慨万千啊,很多我们所谓的难题...2015年9月19日</p></div></div></div>

CSS3参考手册,全网最新最全的CSS3参考手册,为你呈现最好的CSS3文档CSS3参考手册