aboutsummaryrefslogtreecommitdiff
path: root/files/ru/web/svg/attribute/stroke-width
diff options
context:
space:
mode:
authorPeter Bengtsson <mail@peterbe.com>2020-12-08 14:42:52 -0500
committerPeter Bengtsson <mail@peterbe.com>2020-12-08 14:42:52 -0500
commit074785cea106179cb3305637055ab0a009ca74f2 (patch)
treee6ae371cccd642aa2b67f39752a2cdf1fd4eb040 /files/ru/web/svg/attribute/stroke-width
parentda78a9e329e272dedb2400b79a3bdeebff387d47 (diff)
downloadtranslated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.gz
translated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.bz2
translated-content-074785cea106179cb3305637055ab0a009ca74f2.zip
initial commit
Diffstat (limited to 'files/ru/web/svg/attribute/stroke-width')
-rw-r--r--files/ru/web/svg/attribute/stroke-width/index.html57
1 files changed, 57 insertions, 0 deletions
diff --git a/files/ru/web/svg/attribute/stroke-width/index.html b/files/ru/web/svg/attribute/stroke-width/index.html
new file mode 100644
index 0000000000..0359c2a1a2
--- /dev/null
+++ b/files/ru/web/svg/attribute/stroke-width/index.html
@@ -0,0 +1,57 @@
+---
+title: stroke-width
+slug: Web/SVG/Attribute/stroke-width
+translation_of: Web/SVG/Attribute/stroke-width
+---
+<p>« <a href="/ru/docs/Web/SVG/Attribute" title="Справочник SVG атрибутов">Справочник SVG атрибутов</a></p>
+
+<p>Атрибут <code>stroke-width</code> указывает ширину контура текущего объекта. Его значение по умолчанию: 1. Если используется &lt;percentage&gt;, значение представляет собой процент от текущего окна просмотра. Если используется значение 0, контур не будет нарисован.<br>
+ <br>
+ В качестве атрибута представления он также может использоваться как свойство непосредственно внутри таблицы стилей CSS</p>
+
+<h2 id="Usage_context">Usage context</h2>
+
+<table class="standard-table">
+ <tbody>
+ <tr>
+ <th scope="row"><strong>Категория</strong></th>
+ <td>Атрибут представления</td>
+ </tr>
+ <tr>
+ <th scope="row"><strong>Значения</strong></th>
+ <td><a href="/en/SVG/Content_type#Length" title="en/SVG/Content_type#Length">&lt;length&gt;</a> | <a href="/en/SVG/Content_type#Percentage" title="en/SVG/Content_type#Percentage">&lt;percentage&gt;</a> | inherit</td>
+ </tr>
+ <tr>
+ <th scope="row"><strong>Анимируемый</strong></th>
+ <td>Да</td>
+ </tr>
+ <tr>
+ <th scope="row">Нормативный документ</th>
+ <td><a class="external" href="http://www.w3.org/TR/SVG/painting.html#StrokeWidthProperty" title="http://www.w3.org/TR/SVG/painting.html#StrokeWidthProperty">SVG 1.1 (2nd Edition)</a></td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Example">Example</h2>
+
+<h3 id="SVG">SVG</h3>
+
+<pre class="brush: html">&lt;svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"&gt;
+  &lt;circle cx="100" cy="100" r="100" /&gt;
+&lt;/svg&gt;
+&lt;svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"&gt;
+  &lt;circle cx="100" cy="100" r="100" stroke="#ff0" stroke-width="10" /&gt;
+&lt;/svg&gt;</pre>
+
+<h3 id="Результат">Результат</h3>
+
+<p>{{EmbedLiveSample('Example', 200, 200)}}</p>
+
+<h2 id="Элементы">Элементы</h2>
+
+<p>Следующие элементы могут использовать атрибут <code>stroke-width</code>.</p>
+
+<ul>
+ <li><a href="/ru/SVG/Element#Shape" title="en/SVG/Element#Shape">Элементы форм</a> »</li>
+ <li><a href="/ru/SVG/Element#TextContent" title="en/SVG/Element#TextContent">Текстовые элементы</a> »</li>
+</ul>