aboutsummaryrefslogtreecommitdiff
path: root/files/ru/web/svg/attribute/attributename/index.html
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/attributename/index.html
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/attributename/index.html')
-rw-r--r--files/ru/web/svg/attribute/attributename/index.html85
1 files changed, 85 insertions, 0 deletions
diff --git a/files/ru/web/svg/attribute/attributename/index.html b/files/ru/web/svg/attribute/attributename/index.html
new file mode 100644
index 0000000000..8a114bc8b2
--- /dev/null
+++ b/files/ru/web/svg/attribute/attributename/index.html
@@ -0,0 +1,85 @@
+---
+title: attributeName
+slug: Web/SVG/Attribute/attributeName
+tags:
+ - NeedsCompatTable
+ - SVG
+ - SVG атрибуты
+translation_of: Web/SVG/Attribute/attributeName
+---
+<div>{{SVGRef}}</div>
+
+<p>Атрибут <code><strong>attributeName</strong></code> задаёт имя свойства CSS или атрибута целевого элемента, которое будет изменено во время анимации.</p>
+
+<p>Четыре элемента используют данный артибут: {{SVGElement("animate")}}, {{SVGElement("animateColor")}}, {{SVGElement("animateTransform")}} и {{SVGElement("set")}}</p>
+
+<div id="topExample">
+<div class="hidden">
+<pre class="brush: css">html, body, svg {
+ height: 100%;
+}</pre>
+</div>
+
+<pre class="brush: html">&lt;svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg"&gt;
+ &lt;rect x="50" y="50" width="100" height="100"&gt;
+ &lt;animate attributeType="XML" attributeName="y" from="0" to="50"
+ dur="5s" repeatCount="indefinite"/&gt;
+ &lt;/rect&gt;
+&lt;/svg&gt;</pre>
+
+<p>{{EmbedLiveSample("topExample", "400", "250")}}</p>
+</div>
+
+<h2 id="Контекст_использования">Контекст использования</h2>
+
+<table class="properties">
+ <tbody>
+ <tr>
+ <th scope="row">Значение</th>
+ <td><code>&lt;name&gt;</code></td>
+ </tr>
+ <tr>
+ <th scope="row">Значение по-умолчанию</th>
+ <td><em>None</em></td>
+ </tr>
+ <tr>
+ <th scope="row">Анимируемый</th>
+ <td>Нет</td>
+ </tr>
+ </tbody>
+</table>
+
+<dl>
+ <dt><code>&lt;name&gt;</code></dt>
+ <dd>Это значение задаёт имя свойства CSS или атрибута целевого элемента, которое будет анимировано.</dd>
+</dl>
+
+<h2 id="Спецификиции">Спецификиции</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Спецификация</th>
+ <th scope="col">Статус</th>
+ <th scope="col">Комментарий</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName("SVG Animations 2", "#AttributeNameAttribute", "attributeName")}}</td>
+ <td>{{Spec2("SVG Animations 2")}}</td>
+ <td>Без изменений</td>
+ </tr>
+ <tr>
+ <td>{{SpecName("SVG1.1", "animate.html#AttributeNameAttribute", "attributeName")}}</td>
+ <td>{{Spec2("SVG1.1")}}</td>
+ <td>Изначальное определение</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Смотрите_также">Смотрите также</h2>
+
+<ul>
+ <li><a href="https://www.w3.org/TR/2001/REC-smil-animation-20010904/#AccumulateAttribute">SMIL Animation specification</a></li>
+</ul>