最新的Web开发教程
 

Style outline Property

<Style对象

例

添加的轮廓围绕<div>元素：

document.getElementById("myDiv").style.outline = "thick solid #0000FF";
试一试»

定义和用法

大纲属性设置或返回所有的轮廓属性，在速记形式。

有了这个属性，你可以设置/返回的一个或多个以下（以任意顺序）：

  • 轮廓宽度
  • 外形风格
  • 轮廓色

的轮廓是围绕元件的线。 它是围绕着元素的边距显示。 但是，从border属性不同。

轮廓不元素的尺寸的部分，因此，元件的宽度和高度属性不包含轮廓的宽度。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

大纲属性在所有主流浏览器的支持。

Note:在IE7不支持和更早的轮廓属性。 IE8需要！DOCTYPE。 IE9及更高版本支持它。

句法

返回outline属性：

object .style.outline

设置outline属性：

object .style.outline=" 属性值
参数 描述
width 设置轮廓的宽度
style 设置轮廓的风格
color 设置轮廓的颜色
initial 将此属性设置为默认值。 阅读关于初始
inherit 继承其父元素此属性。 阅读关于继承

技术细节

默认值： 中无反转
返回值： 一个字符串，表示一个元素的轮廓宽度，样式和/或颜色
CSS版本 CSS2

更多示例

例

改变的轮廓的宽度，样式和颜色<div>元素：

document.getElementById("myDiv").style.outline = "5px dotted green";
试一试»

例

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

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

相关页面

CSS教程： CSS大纲

CSS参考： outline property

<Style对象