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(不支持)