现在的位置: 首页 > 综合 > 正文

WEB标准学习路程之”CSS”:5.外补丁属性

2012年12月16日 ⁄ 综合 ⁄ 共 3550字 ⁄ 字号 评论关闭
 

外补丁属性

Margins Properties
属性

CSS Version
版本

Compatibility
兼容性

Inherit From Parent
继承性

Description
简介

margin

CSS1

IE4+ , NS4+

检索或设置对象四边的外延边距

margin-top

CSS1

IE4+ , NS4+

检索或设置对象顶边的外延边距

margin-right

CSS1

IE4+ , NS4+

检索或设置对象右边的外延边距

margin-bottom

CSS1

IE4+ , NS4+

检索或设置对象底边的外延边距

margin-left

CSS1

IE4+ , NS4+

检索或设置对象左边的外延边距

margin

语法: margin : auto | length

 

参数: 

auto :  值被设置为相对边的值

length :  由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的高度。对于内联对象来说,左右外延边距可以是负数值。请参阅长度单位

 

说明: 

检索或设置对象四边的外延边距。

如果提供全部四个参数值,将按上-右-下-左的顺序作用于四边。

如果只提供一个,将用于全部的四边。

如果提供两个,第一个用于上-下,第二个用于左-右。

如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。

内联对象要使用该属性,必须先设定对象的heightwidth属性,或者设定position属性为absolute

IE4+margin属性不可用于tdtr对象。

外延边距始终透明。

对应的脚本特性为margin。请参阅我编写的其他书目。

关于对象的尺寸与边框,内外补丁等样式表属性的关系,请参看图例以及heightwidth属性。

 

示例 

body { margin: 36pt 24pt 36pt; }

body { margin: 11.5%; }

body { margin: 10% 10% 10% 10%; }

margin-top

 

语法 margin-top : auto | length

 

参数 

auto :  值被设置为相对边的值

length :  由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的高度。请参阅长度单位

 

说明: 

检索或设置对象顶边的外延边距。

内联对象要使用该属性,必须先设定对象的heightwidth属性,或者设定position属性为absolute

IE4+margin属性不可用于tdtr对象。

外延边距始终透明。

对应的脚本特性为marginTop。请参阅我编写的其他书目。

 

示例 

body { margin-top: 11.5%; }

margin-right

语法 margin-right : auto | length

 

参数 

auto :  值被设置为相对边的值

length :  由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的高度。请参阅长度单位

 

说明: 

检索或设置对象右边的外延边距。

内联对象要使用该属性,必须先设定对象的heightwidth属性,或者设定position属性为absolute

IE4+margin属性不可用于tdtr对象。

外延边距始终透明。

对应的脚本特性为marginRight。请参阅我编写的其他书目。

 

示例 

body { margin-right: 11.5%; }

margin-bottom

语法 margin-bottom : auto | length

 

参数 

auto :  值被设置为相对边的值

length :  由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的高度。请参阅长度单位

 

说明: 

检索或设置对象底边的外延边距。

内联对象要使用该属性,必须先设定对象的heightwidth属性,或者设定position属性为absolute

IE4+margin属性不可用于tdtr对象。

外延边距始终透明。

对应的脚本特性为marginBottom。请参阅我编写的其他书目。

 

示例 body { margin-bottom: 11.5%; }

margin-left

语法 margin-left : auto | length

 

参数 

auto :  值被设置为相对边的值

length :  由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的高度。请参阅长度单位

 

说明: 

检索或设置对象左边的外延边距。

内联对象要使用该属性,必须先设定对象的heightwidth属性,或者设定position属性为absolute

IE4+margin属性不可用于tdtr对象。

外延边距始终透明。

对应的脚本特性为marginLeft。请参阅我编写的其他书目。

 

示例 body { margin-left: 11.5%; }

 

轮廓属性

Outlines Properties
属性

CSS Version
版本

Compatibility
兼容性

Inherit From Parent
继承性

Description
简介

outline

CSS2

NONE

复合属性。设置或检索对象外的线条轮廓

outline-color

CSS2

NONE

设置或检索对象外的线条轮廓的颜色

outline-style

CSS2

NONE

设置或检索对象外的线条轮廓的样式

outline-width

CSS2

NONE

设置或检索对象外的线条轮廓的宽度

outline

语法: outline : outline-color ||outline-style || outline-width

 

参数: 

该属性是复合属性。请参阅各参数对应的属性。

 

说明: 

设置或检索对象外的线条轮廓。outline画在border外面,并且不一定是矩形。

目前IE5.5尚不支持此属性。

对应的脚本特性为outline。请参阅我编写的其他书目。

 

示例 

img { outline: red }

p { outline: double 5px }

button { outline: #E9E9E9 double thin }

outline-color

语法 outline-color : color |invert

 

参数 

color :  指定颜色。请参阅颜色单位和附录颜色表

invert :  使用背景色的反色

 

说明: 

设置或检索对象外的线条轮廓的颜色。参见outline属性。

目前IE5.5尚不支持此属性。

对应的脚本特性为outlineColor。请参阅我编写的其他书目。

 

示例 

img { outline-color: red }

p { outline-color: #E9E9E9 }

 

outline-style

语法 outline-style : none |dotted |dashed |solid |double |groove |ridge |inset |outset

 

参数 

none :  无边框。与任何指定的outline-width值无关

dotted :  点线边框

dashed :  虚线边框

solid :  实线边框

double :  双线边框。两条单线与其间隔的和等于指定的oueline-width

groove :  根据outline-color的值画3D凹槽

ridge :  根据outline-color的值画菱形边框

inset :  根据outline-color的值画3D凹边

outset :  根据outline-color的值画3D凸边

 

说明: 

设置或检索对象外的线条轮廓的样式。参见outline属性。

目前IE5.5尚不支持此属性。

对应的脚本特性为outlineStyle。请参阅我编写的其他书目。

 

示例 img { outline-color: orange; outline-style: solid ; outline-width: medium ; }

outline-width

语法 outline-width : medium | thin | thick | length

 

参数 

medium :  默认宽度

thin :  小于默认宽度

thick :  大于默认宽度

length :  由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位

 

说明: 

设置或检索对象外的线条轮廓的宽度。参见outline属性。

目前IE5.5尚不支持此属性。

对应的脚本特性为outlineWidth。请参阅我编写的其他书目。

 

示例 img { outline-color: orange; outline-style: solid ; outline-width: medium ; }

 

边框属性

Borders Properties
属性

CSS Version
版本

Compatibility
兼容性

Inherit From Parent
继承性

Description
简介

border

CSS1

IE4+ , NS4+

复合属性。设置对象边框的特性

border-color

CSS1

IE4+ , NS6+

设置或检索对象边框颜色

border-style

CSS1

IE4+ , NS4+

抱歉!评论已关闭.