下面有更多 "亲自试一试" 示例。
轮廓是在元素周围、边框之外绘制的一条线,以使元素"stand out"。
这个outline-color
属性指定轮廓的颜色。
笔记:始终声明轮廓式之前的属性outline-color
属性。在更改元素的颜色之前,该元素必须具有轮廓。
默认值: | 当前颜色 |
---|---|
遗传: | 不 |
可动画: | 是的,查看各个属性。阅读可动画的尝试一下 |
版本: | CSS2 |
JavaScript 语法: | 对象.style.outlineColor="#FF0000"尝试一下 |
笔记:轮廓不同于边界!与边框不同,轮廓是在元素边框之外绘制的,并且可能与其他内容重叠。此外,轮廓不是元素尺寸的一部分;它是元素尺寸的一部分。元素的总宽度和高度不受轮廓宽度的影响。
表中的数字指定完全支持该属性的第一个浏览器版本。
Property | |||||
---|---|---|---|---|---|
outline-color | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
outline-color:
color|initial|inherit;
Value | Description | Demo |
---|---|---|
color | Specifies the color of the outline. Look at CSS Color Values for a complete list of possible color values. | Demo ❯ |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
CSS教程:CSS 外轮廓
CSS 参考:外轮廓属性
HTML DOM 参考:轮廓颜色属性
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!