Какое свойство меняет border у svg

«Какое свойство меняет border у svg» — вопрос из категории CSS, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Для изменения границы (border) у SVG элементов используется CSS свойство stroke. Оно определяет цвет обводки. Также можно управлять толщиной обводки с помощью stroke-width и стилем линии через stroke-dasharray.

Пример:

svg rect {
  stroke: #ff0000; /* цвет границы */
  stroke-width: 3px; /* толщина */
  stroke-dasharray: 5; /* пунктирная линия */
}

Важно: SVG не поддерживает стандартные CSS border-свойства (border, border-radius и т.д.), для стилизации используется stroke.