max-width

  • 版本:CSS2
  • 媒体:视觉
max-width属性在CSS尺寸中是比较常用的,本文将带你深入理解max-width属性的各个方面,包括它的语法、取值、作用和浏览器兼容性,最后附上max-width的演示案例,希望能够对你有所帮助。

max-width的具体语法

max-width<length> | <percentage> | none

默认值none

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

继承性:无

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

计算值:指定的值

max-width的取值介绍

none:
无最大宽度限制
<length>
用长度值来定义最大宽度。不允许负值
<percentage>
用百分比来定义最大宽度。不允许负值

max-width的使用说明

设置或检索对象的最大宽度。
  • 如果max-width属性的值小于min-width属性的值,max-width将会自动以min-width的值作为自己的值。
  • IE6尚不支持此属性
  • 对应的脚本特性为maxWidth

max-width的浏览器兼容性

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
支持版本\类型 IE Firefox Safari Chrome Opera
较早版本 6.0 1.0 2.0.2 1.0 4.0
较新版本 7.0

max-width的完整演示案例

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