在 <div> 元素周围添加轮廓:
document.getElementById("myDiv").style.outline = "thick solid #0000FF";
亲自试一试 »
轮廓属性以简写形式设置或返回所有轮廓属性。
使用此属性,您可以设置/返回以下一项或多项(按任意顺序):
轮廓是元素周围的一条线。它显示在元素的边缘周围。但是,它与边界属性不同。
轮廓不是元素尺寸的一部分,因此元素的宽度和高度属性不包含轮廓的宽度。
Property | |||||
---|---|---|---|---|---|
outline | Yes | Yes | Yes | Yes | Yes |
返回轮廓属性:
object.style.outline
设置轮廓属性:
object.style.outline
= "width style color|initial|inherit"
Parameter | Description |
---|---|
width | Sets the width of the outline |
style | Sets the style of the outline |
color | Sets the color of the outline |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
默认值: | 中等无反转 |
---|---|
返回值: | 一个字符串,表示元素的轮廓宽度、样式和/或颜色 |
CSS版本 | CSS2 |
更改 <div> 元素轮廓的宽度、样式和颜色:
document.getElementById("myDiv").style.outline = "5px dotted green";
亲自试一试 »
CSS教程:CSS 外轮廓
CSS 参考:外轮廓属性
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!