DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 200 美元的免费额度!
CSS 中的 stroke
属性用于向 SVG 形状添加边框。
.module {
stroke: black;
}
记住
- 这将覆盖表示属性
<path stroke="#fff" ... />
- 这不会覆盖内联样式,例如
<path style="stroke: #fff;" ... />
值
stroke
属性可以接受任何 CSS 颜色值。
- 命名颜色 —
orange
- 十六进制颜色 —
#FF9E2C
- RGB 和 RGBa 颜色 —
rgb(255, 158, 44) 和 rgba(255, 158, 44, .5)
- HSL 和 HSLa 颜色 —
hsl(32, 100%, 59%) 和 hsla(32, 100%, 59%, .5)
令人惊奇的是,stroke
也接受在 defs
元素内定义的 SVG 形状的图案
.module {
stroke: url(#pattern);
}
查看 CSS-Tricks 的 CodePen 上的笔 stroke 属性(@css-tricks)。
相关
更多信息
浏览器支持
Chrome | Safari | Firefox | Opera | IE | Android | iOS |
---|---|---|---|---|---|---|
是 | 是 | 是 | 是 | 9+ | 4.4+ | 是 |