📜  CSS 描边颜色属性

📅  最后修改于: 2021-08-30 10:31:01             🧑  作者: Mango

CSS stroke-color属性将笔触的颜色设置为边框。

注意:由于没有浏览器支持stroke-color属性,所以我们使用stroke作为速记属性,来定义笔触的颜色。

句法:

stroke-color: currentColor 
/* Or */
stroke-color: color-name 
/* Or */
stroke-color: rgb value 
/* Or */
stroke-color: hexadecimal value

属性值:此属性接受上面提到的和下面描述的属性值:

  • currentColor :此属性值指的是笔画颜色与文本颜色相同。
  • color-name :该属性值指的是颜色的名称,例如:红色、绿色、蓝色等。
  • rgb_value :该属性值指的是颜色的rgb值,例如: rgb(255, 0, 0), rgb(255, 350, 1)等。
  • hexadecimal-value :该属性值指的是颜色的十六进制值,例如: #fff、#000等。

示例 1:下面的示例演示了使用currentColor属性值的笔触颜色属性的使用



  
    
        
    
  
    
        

            GeeksforGeeks         

                                                 

输出:

示例 2:下面的示例演示了使用 color-name 属性值的 stroke-color 属性的使用



  
    
        
    
  
    
        

            GeeksforGeeks         

                                                 

输出:

支持的浏览器:

  • 铬(不支持)
  • Safari(不支持)
  • 火狐(不支持)
  • 歌剧(不支持)
  • 边缘(不支持)
  • Internet Explorer(不支持)