定义和用法
大纲是围绕元素绘制的线(outside the borders)使元件"stand out" 。
轮廓宽度指定一个轮廓的宽度。
Note:务必申报轮廓宽度属性之前的大纲样式属性。 你改变它的宽度之前的元素必须有一个轮廓。
默认值: | medium |
---|---|
遗传: | no |
动画: | yes, see individual properties . Read about animatable Try it |
版: | CSS2 |
JavaScript语法: | object .style.outlineWidth="2px" Try it |
提示和注意
大纲是围绕一个元素一行。 它是围绕该元件的余量显示。 然而,它是从边界属性不同。
轮廓不元素的尺寸的一部分,因此,该元素的宽度和高度属性不包含轮廓的宽度。
浏览器支持
在表中的数字规定,完全支持该属性的第一个浏览器版本。
属性 | |||||
---|---|---|---|---|---|
outline-width | 1.0 | 8 | 1.5 | 1.2 | 7 |
Note: IE8只支持如果指定了DOCTYPE轮廓-width属性!
CSS语法
outline-width: medium|thin|thick|length|initial|inherit;
属性值
值 | 描述 | 播放 |
---|---|---|
medium | 指定媒体轮廓。 这是默认 | 播放 ” |
thin | 指定一个薄的轮廓 | 播放 ” |
thick | 指定粗轮廓 | 播放 ” |
length | 允许您定义轮廓的厚度 | 播放 ” |
initial | 将此属性设置为默认值。 阅读关于初始 | 播放 ” |
inherit | 继承其父元素此属性。 阅读关于继承 |
相关页面
CSS教程: CSS大纲
CSS参考: outline property
HTML DOM参考: outlineWidth property