CSS |轮廓偏移属性

CSS 轮廓偏移属性设置轮廓与元素边缘或边框之间的空间量。

轮廓是围绕边框边缘之外的元素绘制的线。元素与其轮廓之间的空间是透明的。此外，轮廓可以是非矩形的。默认值为 0。

句法

outline-offset: length|initial|inherit;

属性值：

• length ：它是轮廓和边框之间的距离或空间，即它是轮廓从边框边缘开始的距离。它也可以具有负值。如果长度为负，则轮廓放置在元素内。如果长度为 0，则轮廓和元素之间没有空间。
  语法：

  outline-offset: 5px;
  

  示例 1：

  
  
  
      
      
  
    
  
      
  GeeksForGeeks
      
  
  
                      
  

  输出：
  
  示例 2：

  
  
  
      
      
  
    
  
      
  GeeksForGeeks
      
  
  
                      
  

  输出：
  

• initial ：它将outline-offset 属性设置为其默认值。
  语法：

  outline-offset: initial;
  

  例子：

  
  
    
  
      
      
  
    
  
      
  GeeksForGeeks
      
  
  
    
   
  

  输出：
  

• inherit ：该元素从其父元素继承了 outline-offset 属性。

  语法：

  outline-offset: inherit;
  

支持的浏览器： outline-offset 属性支持的浏览器如下：

• 谷歌浏览器 4.0
• 互联网浏览器 15.0
• 歌剧 10.5
• 火狐 3.5
• 苹果 Safari 3.1