目录

style outline 属性

示例

在 <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";
亲自试一试 »

示例

返回 <div> 元素的轮廓属性值:

alert(document.getElementById("myDiv").style.outline);
亲自试一试 »

相关页面

CSS教程:CSS 外轮廓

CSS 参考:外轮廓属性