stroke-width

stroke-width 属性是一个表示属性，用于定义应用于形状的描边宽度。它适用于任何 SVG 形状或文本内容元素（有关完整列表，请参阅 stroke-width），但作为一个继承属性，它可以应用于诸如 g 等元素，并且仍然对子元素的描边产生预期效果。

注意：作为表示属性，stroke-width 可以用作 CSS 属性。有关详细信息，请参阅 stroke-width。

您可以将此属性与以下 SVG 元素一起使用

示例

html,
body,
svg {
  height: 100%;
}

html

<svg viewBox="0 0 30 10" xmlns="http://www.w3.org/2000/svg">
  <!-- Default stroke width: 1 -->
  <circle cx="5" cy="5" r="3" stroke="green" />

  <!-- Stroke width as a number -->
  <circle cx="15" cy="5" r="3" stroke="green" stroke-width="3" />

  <!-- Stroke width as a percentage -->
  <circle cx="25" cy="5" r="3" stroke="green" stroke-width="2%" />
</svg>

用法说明

值	<length> \| <percentage>
默认值	`1px`
可动画	是

注意：百分比值始终计算为标准化 viewBox 对角线长度的百分比。

规范

规范
可缩放矢量图形 (SVG) 2 # StrokeWidth

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。