CSS2样式表(属性·尺寸)

原创 2007年09月30日 14:20:00
1、height
 

语法:
height : auto | length
取值:
auto : 默认值。无特殊定位,根据HTML定位规则分配
length : 由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的高度。不可为负数。请参阅 长度单位

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


示例:

div { height: 1in; }
div { position:absolute; top:-3px; height:6px; }

2、max-height
 

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

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

对应的脚本特性为 maxHeight 。


示例:

p { max-height: 200%; }

 

3、min-height
 

语法:
min-height : none | length
取值:
auto : 默认值。无最小高度限制
length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。不可为负数。请参阅 长度单位

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

对应的脚本特性为 minHeight 。


示例:

p { min-height: 200px; }

4、width
 

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

说明:
检索或设置对象的宽度。
对于 img 来说,仅指定此属性,其 height 值将根据图片源尺寸等比例缩放。
按照样式表的规则,对象的实际宽度为其下列属性值之和:
margin-left + border-left + padding-left + width + padding-right + border-right + margin-right
在IE6中使用 !DOCTYPE 声明指定 standards-compliant 模式可以实现这一点。
而在IE6中如果没有将 !DOCTYPE 声明指定 standards-compliant mode,以及以前的浏览器版本,对象的实际宽度等于:
margin-left + width + margin-right
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 width 。其值为一字符串,所以不可用于脚本(Scripts)中的计算。请使用 style 对象的 posWidth , pixelWidth ,以及对象的 offsetWidth 等特性。

示例:

div { width: 1in; }
div { position:absolute; top:-3px; width:6px; }

5、max-width
 

语法:
max-width : none | length
取值:
auto : 默认值。无最大宽度限制
length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。不可为负数。请参阅 长度单位

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

对应的脚本特性为 maxWidth 。


示例:

p { min-width: 200px; }

6、min-width
 

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

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

对应的脚本特性为 minWidth 。

示例:

p { min-width: 200px; }

 

 

 

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

css样式表基本属性2

html中关于css的简介及方法

HTML默认样式表CSS属性

开始的时候 *{margin:0;padding:0;},当需要使用边距的时候,就需要还原HTML默认CSS值了。以前一直在找这份 文档,今天偶然在w3上看到了。除了inline和block的定义,主...

HTML默认样式表CSS属性

转载链接:http://www.xiao-a.com/index.php/archives/440.html 开始的时候 *{margin:0;padding:0;},当需要使用边距的时候,就需要...

css样式表和选择器的优先级以及position元素属性值的区别

css样式表和选择器的优先级以及position元素属性值的区别

css样式表基本属性1

html中关于css的简介及相应的方法

CSS层叠样式表属性(按照功能分类)

CSS3 动画属性(Animation) 属性 描述 CSS @keyframes 规定动画。 3 animation 所有...

css样式表基本属性3

html中有关于css的简介及一些方法

CSS样式表中a:link,a:visited,a:hover,a:active属性

CSS样式表中a:link,a:visited,a:hover,a:active属性含义a:link,a:visited,a:hover,a:active 分别是什么意思,有什么用途 明了的:  ...

css样式表手册属性列表

  • 2009-05-01 13:47
  • 553KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)