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 â¨Ð¼Ð°ÑÑ 2020 г.â©.
« СпÑавоÑник SVG аÑÑибÑÑов
ÐÑÑибÑÑ stroke-width ÑказÑÐ²Ð°ÐµÑ ÑиÑÐ¸Ð½Ñ ÐºÐ¾Ð½ÑÑÑа ÑекÑÑего обÑекÑа. Ðго знаÑение по ÑмолÑаниÑ: 1. ÐÑли иÑполÑзÑеÑÑÑ <percentage>, знаÑение пÑедÑÑавлÑÐµÑ Ñобой пÑоÑÐµÐ½Ñ Ð¾Ñ ÑекÑÑего окна пÑоÑмоÑÑа. ÐÑли иÑполÑзÑеÑÑÑ Ð·Ð½Ð°Ñение 0, конÑÑÑ Ð½Ðµ бÑÐ´ÐµÑ Ð½Ð°ÑиÑован.
РкаÑеÑÑве аÑÑибÑÑа пÑедÑÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð¾Ð½ Ñакже Ð¼Ð¾Ð¶ÐµÑ Ð¸ÑполÑзоваÑÑÑÑ ÐºÐ°Ðº ÑвойÑÑво непоÑÑедÑÑвенно внÑÑÑи ÑаблиÑÑ ÑÑилей CSS
Usage context
| ÐаÑегоÑÐ¸Ñ | ÐÑÑибÑÑ Ð¿ÑедÑÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ |
|---|---|
| ÐнаÑÐµÐ½Ð¸Ñ | <length> | <percentage> | inherit |
| ÐнимиÑÑемÑй | Ðа |
| ÐоÑмаÑивнÑй докÑÐ¼ÐµÐ½Ñ | SVG 1.1 (2nd Edition) |
Example
SVG
<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.