CSS轮廓

来自站长百科
跳转至: 导航、​ 搜索

导航: 上一页 | ASP | PHP | JSP | HTML | CSS | XHTML | aJAX | Ruby | JAVA | XML | Python | ColdFusion

outline[ ]

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

说明:
设置或检索对象外的线条轮廓。外轮廓( outline )画在边框( border )外面,并且不一定是矩形。
对应的脚本特性为 outline 。
示例:
img { outline: red }
p { outline: double 5px }
button { outline: #E9E9E9 double thin }

outline-color[ ]

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

说明:
设置或检索对象外的线条轮廓( outline )的颜色。
对应的脚本特性为 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 的值画3D凸槽外轮廓
inset  :  根据 outline-color 的值画3D凹边外轮廓
outset  :  根据 outline-color 的值画3D凸边外轮廓

说明:
设置或检索对象外的线条轮廓( outline )的样式。
对应的脚本特性为 outlineStyle 。
示例:
img { outline-color: orange; outline-style: solid ; outline-width: medium ; }

outline-width[ ]

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

说明:
设置或检索对象外的线条轮廓( outline )的宽度。
对应的脚本特性为 outlineWidth 。
示例:
img { outline-color: orange; outline-style: solid ; outline-width: medium ; }