mirror of
https://gitflic.ru/project/openide/openide.git
synced 2025-12-16 14:23:28 +07:00
2b24b19d18
Merge-request: IJ-CR-171783 (cherry picked from commit 73a3365cf569e515603847162b9de85616829e4e) GitOrigin-RevId: ba9d11678209acf4c53f45081ba8d0ca0474aae7
28 lines
2.9 KiB
HTML
28 lines
2.9 KiB
HTML
<div class='definition'><pre>stroke-width</pre></div>
|
|
<div class='content'><details class='mdn-baseline'><summary>
|
|
<table class='mdn-baseline'><tr><td width=2 valign=top class='mdn-baseline-icon'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineHigh'></icon>
|
|
<td class='mdn-baseline-info'>Widely available across major browsers
|
|
</td></tr></table></summary>
|
|
<p><span class='grayed'>Chrome 80, Chrome Android 80, Edge 80, Firefox 1, Firefox Android 4, Opera 67, Safari 13.1, Safari iOS 13.4</span>
|
|
<p class='grayed'>Baseline since 2020
|
|
</details>
|
|
The <strong><code>stroke-width</code></strong> attribute is a presentation attribute defining the width of the stroke to be applied to the shape. It applies to any SVG shape or text-content element, but as an inherited property, it may be applied to elements such as <a href="https://developer.mozilla.org/en-us/docs/Web/SVG/Reference/Element/g"><code><g></code></a> and still have the intended effect on descendant elements' strokes.
|
|
<div class="notecard note">
|
|
<p><strong>Note:</strong>
|
|
As a presentation attribute, <code>stroke-width</code> also has a CSS property counterpart: <a href="https://developer.mozilla.org/en-us/docs/Web/CSS/stroke-width"><code>stroke-width</code></a>. When both are specified, the CSS property takes priority.
|
|
</div>
|
|
<p>You can use this attribute with the following SVG elements:
|
|
<ul>
|
|
<li><a href="https://developer.mozilla.org/en-us/docs/Web/SVG/Reference/Element/circle"><code><circle></code></a></li>
|
|
<li><a href="https://developer.mozilla.org/en-us/docs/Web/SVG/Reference/Element/ellipse"><code><ellipse></code></a></li>
|
|
<li><a href="https://developer.mozilla.org/en-us/docs/Web/SVG/Reference/Element/line"><code><line></code></a></li>
|
|
<li><a href="https://developer.mozilla.org/en-us/docs/Web/SVG/Reference/Element/path"><code><path></code></a></li>
|
|
<li><a href="https://developer.mozilla.org/en-us/docs/Web/SVG/Reference/Element/polygon"><code><polygon></code></a></li>
|
|
<li><a href="https://developer.mozilla.org/en-us/docs/Web/SVG/Reference/Element/polyline"><code><polyline></code></a></li>
|
|
<li><a href="https://developer.mozilla.org/en-us/docs/Web/SVG/Reference/Element/rect"><code><rect></code></a></li>
|
|
<li><a href="https://developer.mozilla.org/en-us/docs/Web/SVG/Reference/Element/text"><code><text></code></a></li>
|
|
<li><a href="https://developer.mozilla.org/en-us/docs/Web/SVG/Reference/Element/textPath"><code><textPath></code></a></li>
|
|
<li><a href="https://developer.mozilla.org/en-us/docs/Web/SVG/Reference/Element/tspan"><code><tspan></code></a></li>
|
|
</ul></div>
|
|
<div class='content'>By <a href='https://developer.mozilla.org/en-us/docs/web/svg/reference/attribute/stroke-width/contributors.txt'>Mozilla Contributors</a>, <a href='https://creativecommons.org/licenses/by-sa/2.5/'>CC BY-SA 2.5</a></div>
|