Dzwebs.Net

撰写电脑技术杂文十余年

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

Admin | 2008-5-13 22:52:18 | 被阅次数 | 6475

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

一: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; }


该杂文来自: 网页制作杂文

上一篇:网页制作之利用CSS如何定位

下一篇:CSS布局对象之Layout 用法介绍

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计