stroke-width
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
stroke-width
表现属性定义了应用于图形的外轮廓的宽度。
你可以将此属性与以下 SVG 元素一起使用:
示例
html
<svg viewBox="0 0 30 10" xmlns="http://www.w3.org/2000/svg">
<!-- 默认外轮廓宽度为 1 -->
<circle cx="5" cy="5" r="3" stroke="green" />
<!-- 使用数值设置外轮廓宽度 -->
<circle cx="15" cy="5" r="3" stroke="green" stroke-width="3" />
<!-- 使用百分数设置外轮廓宽度 -->
<circle cx="25" cy="5" r="3" stroke="green" stroke-width="2%" />
</svg>
使用说明
值 | <length> | <percentage> |
---|---|
默认值 | 1px |
动画性 | 是 |
备注:
百分数值始终以标准化 viewBox
的对角线长度的百分比计算。
规范
Specification |
---|
Scalable Vector Graphics (SVG) 2 # StrokeWidth |
浏览器兼容性
BCD tables only load in the browser