max-width

语法:

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

默认值none

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

继承性:无

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

计算值:指定的值

媒 体:视觉

取值:

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

说明:

定义元素的最大宽度。
  • max-width属性的值小于width时,max-width属性将会被忽略,同时width会忽略自己的值定义而使用max-width的值作为自己的使用值。
  • max-width属性的值大于width时,max-width属性将会被忽略。
  • max-width属性的值小于min-width时,max-width属性将会被忽略。
  • 对应的脚本特性为:maxWidth

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 8.0+ 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+

示例: