网页制作之CS SDimensions Properties 尺寸属性

一：height

语法：
 
height : auto | length
 
参数：
 
auto : 　无特殊定位，根据HTML定位规则载文档流中分配
length : 　由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的高度。不可为负数。请参阅长度单位
 
说明：
 
检索或设置对象的高度。
对于img对象来说，仅指定此属性，其width值将根据图片源尺寸等比例缩放。
对应的脚本特性为height。其值为一字符串，所以不可用于脚本(Scripts)中的计算。请使用style对象的posHeight，pixelHeight，以及对象的offsetHeight等特性。请参阅我编写的其他书目。
按照样式表的规则，对象的实际高度为其下列属性值之和：
margin-top + border-top + padding-top  + height +  padding-bottom + border-bottom + margin-bottom
而在IE6以前的版本，对象的实际高度却等于：
margin-top + height + margin-bottom
在IE6中，已经提供了针对此问题的解决方案。而上述属性的相互关系，请参看图例。
 
示例：
 
div { height: 1in; }
div { position:absolute; top:-3px; height:6px; }

二：max-height

语法：
 
max-height : none | length
 
参数：
 
none : 　无最大高度限制
length : 　由浮点数字和单位标识符组成的长度值 | 或者百分数。不可为负数。请参阅长度单位
 
说明：
 
设置或检索对象的最大高度。
如果max-height属性的值小于min-height属性的值，将会被自动转设为min-height属性的值。
目前IE5.5尚不支持此属性。
对应的脚本特性为maxHeight。请参阅我编写的其他书目。
 
示例：
 
p { max-height: 200%; } 

三：min-height

语法：
 
min-height : none | length
 
参数：
 
none : 　无最小高度限制
length : 　由浮点数字和单位标识符组成的长度值 | 或者百分数。不可为负数。请参阅长度单位
 
说明：
 
设置或检索对象的最小高度。
如果min-height属性的值大于max-height属性的值，将会被自动转设为max-height属性的值。
目前IE5.5尚不支持此属性。
对应的脚本特性为minHeight。请参阅我编写的其他书目。
 
示例：
 
p { min-height: 200px; }

四：width

语法：
 
width : auto | length
 
参数：
 
auto : 　无特殊定位，根据HTML定位规则载文档流中分配
length : 　由浮点数字和单位标识符组成的长度值，或者百分数。百分数是基于父对象的宽度。不可为负数。请参阅长度单位
 
说明：
 
检索或设置对象的宽度。
对于img对象来说，仅指定此属性，其height值将根据图片源尺寸等比例缩放。
对应的脚本特性为width。其值为一字符串，所以不可用于脚本(Scripts)中的计算。请使用style对象的posWidth，pixelWidth，以及对象的offsetWidth等特性。请参阅我编写的其他书目。
按照样式表的规则，对象的实际宽度为其下列属性值之和：
margin-left + border-left + padding-left  + width +  padding-right + border-right + margin-right
而在IE6以前的版本，对象的实际宽度却等于：
margin-left + width + margin-right
在IE6中，已经提供了针对此问题的解决方案。而上述属性的相互关系，请参看图例。
 
示例：
 
div { width: 1in; }
div { position:absolute; top:-3px; width:6px; }

五：max-width

语法：
 
max-width : none | length
 
参数：
 
none : 　无最大宽度限制
length : 　由浮点数字和单位标识符组成的长度值 | 或者百分数。不可为负数。请参阅长度单位
 
说明：
 
设置或检索对象的最大宽度。
如果max-width属性的值小于min-width属性的值，将会被自动转设为min-width属性的值。
目前IE5.5尚不支持此属性。
对应的脚本特性为maxWidth。请参阅我编写的其他书目。
 
示例：
 
p { max-width: 200%; }

六：min-width

语法：
 
min-width : none | length
 
参数：
 
none : 　无最小宽度限制
length : 　由浮点数字和单位标识符组成的长度值，或者百分数。不可为负数。请参阅长度单位
 
说明：
 
设置或检索对象的最小宽度。
如果min-width属性的值大于max-width属性的值，将会被自动转设为max-width属性的值。
目前IE5.5尚不支持此属性。
对应的脚本特性为minWidth。请参阅我编写的其他书目。
 
示例：
 
p { min-width: 200px; }

Copyright ＠ 2007-2012 敏韬网(敏而好学，文韬武略--MinTao.Net)（学习笔记） Inc All Rights Reserved.
闵涛 E_mail:admin@mintao.net(欢迎提供学习资源)

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18