- Теория
- Теория
Толщина обводки
Для однопиксельной обводки достаточно задать только цвет в 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, что может давать непредсказуемый результат.
Если обводке задана толщина, но не задан цвет, обводка не отобразится.
Без JavaScript будущему разработчику никуда. Записывайтесь на профессиональный курс «JavaScript. Профессиональная разработка веб-интерфейсов». Цена 12 000 ₽.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.