CSS outline-width 属性
下面有更多实例。
定义和用法
outline-width
指定轮廓的宽度。
(轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。
注释: 始终在
outline-width
属性之前声明 outline-style属性。在更改元素的宽度之前,元素必须具有轮廓。
默认值: | medium |
---|---|
继承性: | no |
支持动画: | yes, 请参阅单独的属性. 阅读有关动画的信息 测试一下 |
版本: | CSS2 |
JavaScript 语法: | object.style.outlineWidth="12px" 测试一下 |
提示和注释
注释: 轮廓与 borders 边框不同! 与边框不同,轮廓绘制在元素边框之外,并且可能与其他内容重叠。此外,轮廓不是元素尺寸的一部分;元素的总宽度和高度不受轮廓宽度的影响。
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
属性 | |||||
---|---|---|---|---|---|
outline-width | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
语法
outline-width: medium|thin|thick|length|initial|inherit;
属性值
值 | 描述 | 试一试 |
---|---|---|
medium | 默认。规定中等的轮廓。 | 亲自试一试 » |
thin | 规定细轮廓。 | 亲自试一试 » |
thick | 规定粗的轮廓。 | 亲自试一试 » |
length | 允许您规定轮廓粗细的值。阅读长度单位 | 亲自试一试 » |
initial | 将此属性设置为其默认值。请参阅 initial | 亲自试一试 » |
inherit | 从其父元素继承此属性。请参阅 inherit |
更多实例
相关页面
CSS 教程: CSS Outline
CSS 参考手册: outline 属性
HTML DOM 参考手册: outlineWidth 属性