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

 

外补丁属性

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

 

说明： 

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

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

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

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

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

内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

在IE4+，margin属性不可用于td和tr对象。

外延边距始终透明。

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

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

 

示例： 

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

body { margin: 11.5%; }

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

margin-top

 

语法： margin-top : auto | length

 

参数： 

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

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

 

说明： 

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

内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

在IE4+，margin属性不可用于td和tr对象。

外延边距始终透明。

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

 

示例： 

body { margin-top: 11.5%; }

margin-right

语法： margin-right : auto | length

 

参数： 

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

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

 

说明： 

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

内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

在IE4+，margin属性不可用于td和tr对象。

外延边距始终透明。

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

 

示例： 

body { margin-right: 11.5%; }

margin-bottom

语法： margin-bottom : auto | length

 

参数： 

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

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

 

说明： 

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

内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

在IE4+，margin属性不可用于td和tr对象。

外延边距始终透明。

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

 

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

margin-left

语法： margin-left : auto | length

 

参数： 

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

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

 

说明： 

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

内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

在IE4+，margin属性不可用于td和tr对象。

外延边距始终透明。

对应的脚本特性为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- 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- medium ; }

 

边框属性

Borders Properties 属性		CSS Version 版本		Compatibility 兼容性		Inherit From Parent 继承性		Description 简介
border		CSS1		IE4+ , NS4+		无		复合属性。设置对象边框的特性
	border-color		CSS1		IE4+ , NS6+		无		设置或检索对象边框颜色
	border-style		CSS1		IE4+ , NS4+		无		设置或检索对象边框样式
	border-width		CSS1		IE4+ , NS4+		无		设置或检索对象边框宽度
	border-top		CSS1		IE4+ , NS6+		无		复合属性。设置对象顶边的特性
	border-top-color		CSS2		IE4+ , NS6+		无		设置或检索对象顶边颜色
	border-top-style		CSS2		IE4+ , NS6+		无		设置或检索对象顶边样式
	border-top-width		CSS1		IE4+ , NS4+		无		设置或检索对象顶边宽度
	border-right		CSS1		IE4+ , NS6+		无		复合属性。设置对象右边的特性
	border-right-color		CSS2		IE4+ , NS6+		无		设置或检索对象右边颜色
	border-right-style		CSS2		IE4+ , NS6+		无		设置或检索对象右边样式
	border-right-width		CSS1		IE4+ , NS4+		无		设置或检索对象右边宽度
	border-bottom		CSS1		IE4+ , NS6+		无		复合属性。设置对象底边的特性
	border-bottom-color		CSS2		IE4+ , NS6+		无		设置或检索对象底边颜色
	border-bottom-style		CSS2		IE4+ , NS6+		无		设置或检索对象底边样式
	border-bottom-width		CSS1		IE4+ , NS4+		无		设置或检索对象底边宽度
	border-left		CSS1		IE4+ , NS6+		无		复合属性。设置对象左边的特性
	border-left-color		CSS2		IE4+ , NS6+		无		设置或检索对象左边颜色
	border-left-style		CSS2		IE4+ , NS6+		无		设置或检索对象左边样式
	border-left-width		CSS1		IE4+ , NS4+		无		设置或检索对象左边宽度

 

border

语法： border : border-width || border-style || border-color

 

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

 

说明： 

如使用该复合属性定义其单个参数，则其他参数的默认值将无条件覆盖各自对应的单个属性设置。

默认值为：medium none。border-color的默认值将采用文本颜色。

要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

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

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

 

示例： 

p { border: thick double yellow; }

blockquote { border: dotted gray; }

p { border: 25px; }

border-color

语法： border-color : color

 

参数： 

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

 

说明： 

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

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

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

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

要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

如果border-width等于0或border-style设置为none，本属性将失去作用。

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

 

示例： 

ody { border-color: silver ;red; }

body { border-color: silver red RGB(223, 94, 77); }

body { border-color: silver red RGB(223, 94, 77) black; }

 

border-style

语法： border-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset

 

参数： 

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

hidden : 　隐藏边框。IE不支持

dotted : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线

dashed : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线

solid : 　实线边框

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

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

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

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

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

 

说明： 

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

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

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

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

要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

如果border-width不大于0，本属性将失去作用。

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

 

示例： 

body { border-style: double groove; }

body { border-style: double groove dashed; }

border-width

语法： border-width : medium | thin | thick | length

 

参数： 

medium : 　默认宽度

thin : 　小于默认宽度

thick : 　大于默认宽度

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

说明： 

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

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

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

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

要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

如果border-style设置为none，本属性将失去作用。

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

 

示例： 

span { border-style: solid; border- thin; }

span { border-style: solid; border- 1px thin; }

border-top

语法： border-top : border-width || border-style || border-color

 

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

 

说明： 

请参阅border属性。

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

 

示例： 

div { border-bottom: 25px solid red; border-left: 25px solid yellow; border-right: 25px solid blue; border-top: 25px solid green; }

 

border-top-color

语法： border-top-color : color

 

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

 

说明： 

要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

如果border-width等于0或border-style设置为none，本属性将失去作用。

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

 

示例： 

div { border-top-color: red; border-bottom-color: RGB(223, 94, 77); border-right-color: red; border-left-color: black;}

 

border-top-style

语法： border-top-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset

 

参数： 

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

hidden : 　隐藏边框。IE不支持

dotted : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线

dashed : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线

solid : 　实线边框

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

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

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

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

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

 

说明：

要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

如果border-width不大于0，本属性将失去作用。

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

 

示例： 

body { border-top-style: double; border-bottom-style: groove; border-left-style: dashed; border-right-style: dotted; }

border-top-width

语法： border-top-width : medium | thin | thick | length

 

参数： 

medium : 　默认宽度

thin : 　小于默认宽度

thick : 　大于默认宽度

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

 

说明： 

要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

如果border-style设置为none，本属性将失去作用。

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

 

示例： 

span { border-top- thin; border-top-style: solid; }

span { border-bottom- thin; border-bottom-style: solid; }

span { border-left- thin; border-left-style: solid; }

span { border-right- thin; border-right-style: solid; }

border-right

语法： border-right : border-width || border-style || border-color

 

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

 

说明： 

请参阅border属性。

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

 

示例： 

div { border-bottom: 25px solid red; border-left: 25px solid yellow; border-right: 25px solid blue; border-top: 25px solid green; }

border-right-color

语法： border-right-color : color

 

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

 

说明： 

要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

如果border-width等于0或border-style设置为none，本属性将失去作用。

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

 

示例： 

div { border-top-color: red; border-bottom-color: RGB(223, 94, 77); border-right-color: red; border-left-color: black;}

 

border-right-style

语法： border-right-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset

 

参数： 

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

hidden : 　隐藏边框。IE不支持

dotted : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线

dashed : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线

solid : 　实线边框

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

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

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

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

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

 

说明：

要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

如果border-width不大于0，本属性将失去作用。

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

 

示例： 

body { border-top-style: double; border-bottom-style: groove; border-left-style: dashed; border-right-style: dotted; }

 

border-right-width

语法： border-right-width : medium | thin | thick | length

 

参数： 

medium : 　默认宽度

thin : 　小于默认宽度

thick : 　大于默认宽度

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

 

说明： 

要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

如果border-style设置为none，本属性将失去作用。

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

 

示例： 

span { border-top- thin; border-top-style: solid; }

span { border-bottom- thin; border-bottom-style: solid; }

span { border-left- thin; border-left-style: solid; }

span { border-right- thin; border-right-style: solid; }

 

border-bottom

语法： border-bottom : border-width || border-style || border-color

 

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

 

说明： 

请参阅border属性。

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

 

示例： 

div { border-bottom: 25px solid red; border-left: 25px solid yellow; border-right: 25px solid blue; border-top: 25px solid green; } 

border-bottom-color

语法： border-bottom-color : color

 

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

 

说明： 

要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

如果border-width等于0或border-style设置为none，本属性将失去作用。

 

示例： 

div { border-top-color: red; border-bottom-color: RGB(223, 94, 77); border-right-color: red; border-left-color: black;}

 

border-bottom-style

语法：

border-bottom-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset

 

参数： 

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

hidden : 　隐藏边框。IE不支持

dotted : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线

dashed : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线

solid : 　实线边框

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

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

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

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

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

 

说明：

要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

如果border-width不大于0，本属性将失去作用。

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

 

示例： 

body { border-top-style: double; border-bottom-style: groove; border-left-style: dashed; border-right-style: dotted; }

border-bottom-width

语法： border-bottom-width : medium | thin | thick | length

 

参数： 

medium : 　默认宽度

thin : 　小于默认宽度

thick : 　大于默认宽度

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

 

说明： 

要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

如果border-style设置为none，本属性将失去作用。

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

 

示例： 

span { border-top- thin; border-top-style: solid; }

span { border-bottom- thin; border-bottom-style: solid; }

span { border-left- thin; border-left-style: solid; }

span { border-right- thin; border-right-style: solid; }

border-bottom

语法： border-bottom : border-width || border-style || border-color

 

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

 

说明： 

请参阅border属性。

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

 

示例： 

div { border-bottom: 25px solid red; border-left: 25px solid yellow; border-right: 25px solid blue; border-top: 25px solid green; }

 

 border-bottom-color

语法： border-bottom-color : color

 

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

 

说明： 

要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

如果border-width等于0或border-style设置为none，本属性将失去作用。

 

示例： 

div { border-top-color: red; border-bottom-color: RGB(223, 94, 77); border-right-color: red; border-left-color: black;}

 

border-bottom-style

语法： 

border-bottom-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset

 

参数： 

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

hidden : 　隐藏边框。IE不支持

dotted : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线

dashed : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线

solid : 　实线边框

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

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

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

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

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

 

说明：

要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

如果border-width不大于0，本属性将失去作用。

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

 

示例： 

body { border-top-style: double; border-bottom-style: groove; border-left-style: dashed; border-right-style: dotted; }

 

border-bottom-width

语法： border-bottom-width : medium | thin | thick | length

 

参数： 

medium : 　默认宽度

thin : 　小于默认宽度

thick : 　大于默认宽度

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

 

说明： 

要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

如果border-style设置为none，本属性将失去作用。

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

 

示例： 

span { border-top- thin; border-top-style: solid; }

span { border-bottom- thin; border-bottom-style: solid; }

span { border-left- thin; border-left-style: solid; }

span { border-right- thin; border-right-style: solid; }

 

 border-left

语法： border-left : border-width || border-style || border-color

 

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

 

说明： 

请参阅border属性。

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

 

示例： 

div { border-bottom: 25px solid red; border-left: 25px solid yellow; border-right: 25px solid blue; border-top: 25px solid green; }

 

border-left-color

语法： border-left-color : color

 

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

 

说明： 

要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

如果border-width等于0或border-style设置为none，本属性将失去作用。

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

 

示例： 

div { border-top-color: red; border-bottom-color: RGB(223, 94, 77); border-right-color: red; border-left-color: black;}

 

border-left-style

语法： border-left-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset

 

参数： 

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

hidden : 　隐藏边框。IE不支持

dotted : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线

dashed : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线

solid : 　实线边框

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

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

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

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

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

 

说明：

要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

如果border-width不大于0，本属性将失去作用。

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

 

示例： 

body { border-top-style: double; border-bottom-style: groove; border-left-style: dashed; border-right-style: dotted; }

 

border-left-width

语法： border-left-width : medium | thin | thick | length

 

参数： 

medium : 　默认宽度

thin : 　小于默认宽度

thick : 　大于默认宽度

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

 

说明： 

要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

如果border-style设置为none，本属性将失去作用。

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

 

示例： 

span { border-top- thin; border-top-style: solid; }

span { border-bottom- thin; border-bottom-style: solid; }

span { border-left- thin; border-left-style: solid; }

span { border-right- thin; border-right-style: solid; }