---
title: stop-color
slug: Web/SVG/Attribute/stop-color
tags:
  - Atributos SVG
translation_of: Web/SVG/Attribute/stop-color
---
<p>« <a href="/en/SVG/Attribute" title="en/SVG/Attribute">SVG Attribute reference hom</a>e</p>

<p>El atributo <code>stop-color</code> indica que color usar en el stop del gradiente. La keyword <code>currentColor</code> y ICC  pueden ser especificadas de la misma manera con la especificación <a href="/en/SVG/Content_type#Paint" title="en/SVG/Content_type#Paint">&lt;paint&gt;</a> para los atributos {{ SVGAttr("fill") }} y {{ SVGAttr("stroke") }}.</p>

<h2 id="Usage_context">Usage context</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="row">Categorías</th>
   <td>Presentation attribute</td>
  </tr>
  <tr>
   <th scope="row">Valor</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">Valor inicial</th>
   <td>negro</td>
  </tr>
  <tr>
   <th scope="row">Animatable</th>
   <td>Sí</td>
  </tr>
  <tr>
   <th scope="row">Documento normativo</th>
   <td><a class="external" href="http://www.w3.org/TR/SVG11/pservers.html#StopColorProperty">SVG 1.1 (2.ª edición)</a></td>
  </tr>
 </tbody>
</table>

<h2 id="Ejemplos">Ejemplos</h2>

<h2 id="Elementos">Elementos</h2>

<p>El siguiente elemento puede usar el atributo <code>stop-color</code></p>

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

<h2 id="Browser_Compatibility" name="Browser_Compatibility">Compatibilidad entre navegadores</h2>



<p>{{Compat("svg.attributes.presentation.stop-color")}}</p>

<h2 id="Ver_también">Ver también</h2>

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