--- title: stroke slug: Web/SVG/Attribute/stroke tags: - SVG - SVG атрибуты translation_of: Web/SVG/Attribute/stroke ---

« SVG Attribute reference home

Атрибут обводки определяет цвет контура в данном графическом элементе. Значение по умолчанию для атрибута обводки — None.

Контекст использования

Категория Presentation attribute
Значения

<paint>, context-fill, context-stroke
Анимируемый Да
Нормативный документ SVG 1.1 (2nd Edition)

Примеры

SVG Line с stroke

Пример 1: Нарисуйте прямую зеленую линию, используя stroke.

<svg height="50" width="300">
    <path stroke="green" d="M5 20 1215 0" />
</svg>

{{EmbedLiveSample('Example1_Draw_straight_green_line_using_stroke.', '300', '50', '', 'Web/SVG/Attribute/stroke')}}

Пример 2: Нарисуйте черный круг с синей рамкой используя stroke.

​​<svg height="100" width="100">
    <circle cx="50" cy="50" r="40" stroke="blue" stroke-width="2" fill="black" />
</svg>

{{EmbedLiveSample('Example2_Draw_black_circle_with_blue_border_using_stroke.', '100', '120', '', 'Web/SVG/Attribute/stroke')}}

Использование context-stroke

Информацию об использовании значения нестандартного и ограниченного context-stroke (и context-fill) смотреть в документации для свойства {{cssxref("-moz-context-properties")}}.

Элементы

Следующие элементы могут использовать атрибут stroke.