Для однопиксельной обводки достаточно задать только цвет в stroke. Если же нужно управлять толщиной обводки, это делается с помощью свойства stroke-width, также атрибутом или через CSS:
<circle r="60" cx="150" cy="50%" fill="none" stroke="orange" stroke-width="5"></circle>
или:
circle {
stroke: orange;
stroke-width: 5;
}
Результат:
Короткой записи нет, поэтому цвет и толщина всегда задаются отдельно.
Если задавать значение в процентах, они будут рассчитываться не от размеров фигуры, а относительно размеров всего SVG, что может давать непредсказуемый результат.
Если обводке задана толщина, но не задан цвет, обводка не отобразится.
stroke-width="3".stroke-width: 5%.Обратите внимание, что, в отличие от HTML, рамка не влияет на положение фигуры в пространстве или на её размеры.
Обсуждение и комментарии
Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.
Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.