HTML | DOM 样式 outlineStyle 属性

HTML DOM 中的StyleoutlineStyle 属性用于设置或返回元素周围轮廓的样式。
句法：

它用于返回 outlineStyle 属性。

object.style.outlineStyle

它用于设置 outlineStyle 属性。

object.style.outlineStyle = value

：

属性值：

none：这是不设置轮廓的默认值。

hidden：使用这个值，轮廓被关闭。

dotted：此值设置虚线轮廓。

虚线：此值设置虚线轮廓。

坚硬的;该值设置了一个实线轮廓。

双倍的;此值设置双轮廓。

槽;此值设置 3D 凹槽轮廓。

岭;此值设置 3D 脊状轮廓。

插图；此值设置 3D 插图轮廓。

一开始；此值设置 3D 初始轮廓。

最初的;此值将大纲属性设置为其浏览器的默认值。

继承：此值将大纲属性设置为其父元素的值。

返回值：此方法返回一个表示元素轮廓样式的字符串值。

示例 1：

  

    
        HTML | DOM Style outlineStyle Property
    
    
        #myDiv {
            border: 1px solid red;
            outline: green dotted thick;
        }
    

  

     Geeks for Geeks
    HTML | DOM Style outlineStyle Property
  
    Welcome to Geeks for Geeks.
    
    
        Click Here!
    
  
    
        function myFunction() {
            document.getElementById("myDiv")
                .style.outlineStyle = "solid";
        }
    
  

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

示例 2：

  

    
        HTML | DOM Style outlineStyle Property
    
    
        #myDiv {
            border: 1px solid red;
        }
    

  

  
     HTML | DOM Style outlineStyle Property
  
    Welcome to Geeks for Geeks.
    
    
        Click Here!
    
  
    
        function myFunction() {
            document.getElementById("myDiv")
                .style.outlineStyle = "dotted";
        }
    
  

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

支持的浏览器： DOM Style 的 outlineStyle 属性支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器