编辑“CSS尺寸”

<span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>导航:</strong> [[CSS学习教程#CSS学习教程|上一页]] | {{template:开发语言导航}}</span>
<div style="clear:both;"></div>

==height==
语法：height : auto | length  <br>
取值：<br>
auto  :　 默认值。无特殊定位，根据[[HTML]]定位规则分配 
<br>length  :　 由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的高度。不可为负数。<br>  

说明：<br>
检索或设置对象的高度。<br>
对于 img 对象来说，仅指定此属性，其 width 值将根据图片源尺寸等比例缩放。<br>
按照样式表的规则，对象的实际高度为其下列属性值之和：
<br>margin-top + border-top + padding-top + height + padding-bottom + border-bottom + margin-bottom
在[[IE6]]中使用 !DOCTYPE 声明指定 standards-compliant mode 可以实现这一点。<br>
而在IE6中如果没有将 !DOCTYPE 声明指定 standards-compliant 模式，以及以前的浏览器版本，对象的实际高度等于：
margin-top + height+ margin-bottom<br>
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。<br>
对应的脚本特性为 height 。其值为一字符串，所以不可用于脚本(Scripts)中的计算。请使用 style 对象的 posHeight ， pixelHeight ，以及对象的 offsetHeight 等特性。 <br>
示例：<br>
div { height: 1in; }<br>
div { position:absolute; top:-3px; height:6px; } <br>

==max-height==
语法：max-height : none | length  <br>
取值：<br>
auto  :　 默认值。无最大高度限制 <br>
length  :　 由浮点数字和单位标识符组成的长度值 | 或者百分数。不可为负数。<br>

说明：<br>
设置或检索对象的最大高度。<br>
如果此属性的值小于 min-height 属性的值，将会被自动转设为 min-height 属性的值。 <br>

对应的脚本特性为 maxHeight 。 <br>
示例：<br>
p { max-height: 200%; } <br>
==min-height==
语法：min-height : none | length  <br>
取值：<br>
auto  :　 默认值。无最小高度限制 <br>
length  :　 由浮点数字和单位标识符组成的长度值 | 或者百分数。不可为负数。<br>  

说明：<br>
设置或检索对象的最小高度。<br>
如果此属性的值大于 max-height 属性的值，将会被自动转设为 max-height 属性的值。<br>
在IE6中这个属性仅仅作用于固定布局的表格内的 td 对象， th 对象， tr 对象。表格的默认布局是自动计算的，要得到固定布局的表格，设置表格的 table-layout 属性的值为 fixed 。固定布局的算法比默认的自动算法要快很多。<br>
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。<br>

对应的脚本特性为 minHeight 。 <br>
示例：p { min-height: 200px; } <br>

==width==
语法：width : auto | length  <br>
取值：<br>
auto  :　 默认值。无特殊定位，根据HTML定位规则分配 <br>
length  :　 由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的宽度。不可为负数。<br>

说明：<br>
检索或设置对象的宽度。<br>
对于 img 来说，仅指定此属性，其 height 值将根据图片源尺寸等比例缩放。<br>
按照样式表的规则，对象的实际宽度为其下列属性值之和：
margin-left + border-left + padding-left + width + padding-right + border-right + margin-right
在IE6中使用 !DOCTYPE 声明指定 standards-compliant 模式可以实现这一点。<br>
而在IE6中如果没有将 !DOCTYPE 声明指定 standards-compliant mode，以及以前的浏览器版本，对象的实际宽度等于：
margin-left + width + margin-right
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。<br>
对应的脚本特性为 width 。其值为一字符串，所以不可用于脚本(Scripts)中的计算。请使用 style 对象的 posWidth ， pixelWidth ，以及对象的 offsetWidth 等特性。 <br>
示例：<br>
div { width: 1in; }<br>
div { position:absolute; top:-3px; width:6px; } <br>
==max-width==
语法：max-width : none | length  <br>
取值：<br>
auto  :　 默认值。无最大宽度限制 <br>
length  :　 由浮点数字和单位标识符组成的长度值 | 或者百分数。不可为负数。<br>  

说明：<br>
设置或检索对象的最大宽度。<br>
如果此属性的值小于 minwidth 属性的值，将会被自动转设为 minwidth 属性的值。 <br>

对应的脚本特性为 maxWidth 。 <br>
示例：p { min-width: 200px; } <br>

==min-width==
语法：min-width : none | length  <br>
取值：<br>
auto  :　 默认值。无最小宽度限制 <br>
length  :　 由浮点数字和单位标识符组成的长度值 | 或者百分数。不可为负数。<br>

说明：<br>
设置或检索对象的最小宽度。<br>
如果此属性的值大于 max-width 属性的值，将会被自动转设为 max-width 属性的值。 <br>

对应的脚本特性为 minWidth 。 <br>示例：
p { min-width: 200px; } 
<br>
[[category:CSS学习教程]]