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.

« Справочник SVG атрибутов

Атрибут 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.