📜  CSS |轮廓偏移属性

📅  最后修改于: 2021-08-30 09:54:45             🧑  作者: Mango

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

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

句法

outline-offset: length|initial|inherit;

属性值

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

    outline-offset: 5px;
    

    示例 1:

    
    
    
        
            outline-offset Property
        
        
    
      
    
        
    GeeksForGeeks
        
                        

    输出:

    示例 2:

    
    
    
        
            outline-offset Property
        
        
    
      
    
        
    GeeksForGeeks
        
                        

    输出:

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

    例子:

    
    
      
    
        
            outline-offset Property
        
        
    
      
    
        
    GeeksForGeeks
        
        

    输出:

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

    语法

    outline-offset: inherit;
    

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

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