---
title: stop-color
slug: Web/SVG/Attribute/stop-color
translation_of: Web/SVG/Attribute/stop-color
---
<p>« <a href="/ru/docs/Web/SVG/Attribute" title="/ru/docs/Web/SVG/Attribute">Справочник SVG атрибутов</a></p>

<p>Атрибут <code>stop-color</code> указывает какой цвет использовать при остановке градиента. Значения <code>currentColor</code> и ICC цвета могут быть заданы так же, как в <a href="/en/SVG/Content_type#Paint" title="en/SVG/Content_type#Paint">&lt;paint&gt;</a> спецификации для атрибутов   {{ SVGAttr("fill") }} и {{ SVGAttr("stroke") }}.</p>

<h2 id="Контекст_использования">Контекст использования</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="row">Категория</th>
   <td>Атрибут представления</td>
  </tr>
  <tr>
   <th scope="row">Значение</th>
   <td>currentColor | <a href="/en/SVG/Content_type#Color" title="en/SVG/Content_type#Color">&lt;color&gt;</a> | <a href="/en/SVG/Content_type#ICCColor" title="en/SVG/Content_type#ICCColor">&lt;icccolor&gt;</a> | inherit</td>
  </tr>
  <tr>
   <th scope="row">Начальное значение</th>
   <td>black</td>
  </tr>
  <tr>
   <th scope="row">Анимация</th>
   <td>Да</td>
  </tr>
  <tr>
   <th scope="row">Нормативный документ</th>
   <td><a class="external" href="http://www.w3.org/TR/SVG11/pservers.html#StopColorProperty">SVG 1.1 (2nd Edition)</a></td>
  </tr>
 </tbody>
</table>

<h2 id="Примеры">Примеры</h2>

<h2 id="Элементы">Элементы</h2>

<p>Следующие элементы могут использовать атрибут <code>stop-color</code></p>

<ul>
 <li>{{ SVGElement("stop") }}</li>
</ul>

<h2 id="Смотрите_также">Смотрите также </h2>

<ul>
 <li>{{ SVGAttr("stop-opacity") }}</li>
</ul>