stroke

Avatar of Geoff Graham
Geoff Graham

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+