CSS |轮廓颜色属性

CSS 的 outline-color 属性设置元素的轮廓颜色。

句法

outline-color:  | invert | inherit;

适当的价值：

• ：它将轮廓颜色设置为任何有效的 CSS 颜色。

  示例：轮廓颜色：黑色；

  
  
    
  
      
    
      
      
    
  
    
  
      
      
  GeeksForGeeks
  
    
  
  

  输出：
  

  示例：轮廓颜色：#FF00FF；

  
  
    
  
      
    
      
      
    
  
    
  
      
      
  GeeksForGeeks
  
    
  
  

  输出：
  

  示例：轮廓颜色：rgb(0, 0, 255);

  
  
    
  
      
    
      
      
    
  
    
  
      
      
  GeeksForGeeks
  
    
  
  

  输出：
  

  示例：轮廓颜色：hsl(0, 100%, 50%);

  
  
    
  
      
    
      
      
    
  
    
  
      
      
  GeeksForGeeks
  
    
  
  

  输出：
  

• invert：将轮廓颜色设置为与背景相反的颜色，以确保轮廓始终可见。注意：并非所有浏览器都支持它。

  示例：轮廓颜色：反转；

  
  
    
  
      
    
      
      
    
  
    
  
      
      
  GeeksForGeeks
  
    
  
  

  输出：
  

• 继承：它根据从其父元素继承的outline-color 属性设置轮廓颜色。

  示例：轮廓颜色：继承；

  
  
    
  
      
    
      
      
    
  
    
  
      
      
  GeeksForGeeks
  
    
  
  

  输出：
  

  支持的浏览器：以下浏览器支持 CSS 的outline-color 属性：

  • 铬 1
  • 边缘 12
  • 火狐 1.5
  • 浏览器 8
  • 歌剧7
  • Safari 1.2