JavaScript HTML DOM Style outline 属性

  • outline 属性

    outline属性以简写形式设置或返回所有轮廓属性。使用此属性,您可以设置/返回以下一个或多个(以任何顺序):
    • outline-width
    • outline-style
    • outline-color
    outline是元素周围的线。它显示在元素的边缘周围。但是,它与border属性不同。轮廓不是元素尺寸的一部分,因此元素的宽度和高度属性不包含轮廓的宽度。
    在div元素周围添加一个轮廓:
    document.getElementById("myDiv").style.outline = "thick solid #0000FF";
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    outline
    支持
    支持
    支持
    支持
    支持
  • 语法

    返回outline属性:
    object.style.outline
    设置outline属性:
    object.style.outline = "width style color|initial|inherit"
  • 属性值

    描述
    width 设置轮廓的宽度
    style 设置轮廓的样式
    color 设置轮廓的颜色
    initial 设置这个属性为默认值。 阅读有关initial信息
    inherit 从其父元素继承此属性。 阅读有关inherit的信息
  • 技术细节

    项目 描述
    默认值: medium none invert
    返回值: 一个字符串,表示元素的轮廓宽度,样式和/或颜色
    CSS版本 CSS2
  • 更多例子

    更改div元素轮廓的宽度,样式和颜色:
    document.getElementById("myDiv").style.outline = "5px dotted green";
    
    尝试一下
    返回div元素的outline属性值:
    alert(document.getElementById("myDiv").style.outline);
    
    尝试一下
  • 相关页面

    CSS教程:CSS 轮廓
    CSS参考:CSS outline 属性