El elemento style
permite agregar directamente hojas de estilo en el contenido del SVG. El elemento style de SVG tiene los mismos atributos que el elemento correspondiente en HTML (ver elemento <style>
de HTML).
Usage context
Categorias | Ninguna |
---|---|
Contenido permitido | Cualquier elemento o datos de caracter |
Ejemplo
<svg width="100%" height="100%" viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg">
<style type="text/css">
/* <![CDATA[ */
circle {
fill: orange;
stroke: black;
stroke-width: 10px; // Note that the value of a pixel depend on the viewBox
}
/* ]]> */
</style>
<circle cx="50" cy="50" r="40" />
</svg>
Live result:
Atributos
Atributos globales
Atributos específicos
DOM Interface
Este elemento implementa la interfaz SVGStyleElement
.
Browser compatibility
We're converting our compatibility data into a machine-readable JSON format.
This compatibility table still uses the old format,
because we haven't yet converted the data it contains.
Find out how you can help!
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | 1.0 | 1.5 (1.8) | 9.0 | 9.0 | 3.0.4 |
Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | 3.0 | 1.0 (1.8) | Sin soporte | (Yes) | 3.0.4 |
The chart is based on these sources.