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
указывает ширину контура текущего объекта. Его значение по умолчанию: 1. Если используется <percentage>, значение представляет собой процент от текущего окна просмотра. Если используется значение 0, контур не будет нарисован.
В качестве атрибута представления он также может использоваться как свойство непосредственно внутри таблицы стилей CSS
Usage context
Категория | Атрибут представления |
---|---|
Значения | <length> | <percentage> | inherit |
Анимируемый | Да |
Нормативный документ | SVG 1.1 (2nd Edition) |
Example
SVG
html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<circle cx="100" cy="100" r="100" />
</svg>
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<circle cx="100" cy="100" r="100" stroke="#ff0" stroke-width="10" />
</svg>
Результат
Элементы
Следующие элементы могут использовать атрибут stroke-width
.