CSS2样式表(属性·轮廓)

1、outline
 

语法:
outline : outline-color || outline-style || outline-width
取值:
该属性是复合属性。请参阅各参数对应的属性。

说明:
设置或检索对象外的线条轮廓。外轮廓( outline )画在边框( border )外面,并且不一定是矩形。
对应的脚本特性为 outline 。


示例:

img { outline: red }
p { outline: double 5px }
button { outline: #E9E9E9 double thin }

2、outline-color
 

语法:
outline-color : color | invert
取值:
color : 指定颜色。请参阅 颜色单位 和 附录:颜色表
invert : 默认值。使用背景色的反色

说明:
设置或检索对象外的线条轮廓( outline )的颜色。参见属性。
对应的脚本特性为 outlineColor 。


示例:

img { outline-color: red }
p { outline-color: #E9E9E9 }

 

3、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 的值画3D凸槽外轮廓
inset : 根据 outline-color 的值画3D凹边外轮廓
outset : 根据 outline-color 的值画3D凸边外轮廓

说明:
设置或检索对象外的线条轮廓( outline )的样式。
对应的脚本特性为 outlineStyle 。


示例:

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

4、outline-width
 

语法:
outline-width : medium | thin | thick | length
取值:
medium : 默认值。默认宽度
thin : 小于默认宽度
thick : 大于默认宽度
length : 由浮点数字和单位标识符组成的长度值。不可为负值。请参阅 长度单位

说明:
设置或检索对象外的线条轮廓( outline )的宽度。
对应的脚本特性为 outlineWidth 。


示例:

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

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值