W3cubDocs

/SVG

<style>

The SVG <style> element allows style sheets to be embedded directly within SVG content.

Note: SVG's style element has the same attributes as the corresponding element in HTML (see HTML's <style> element).

Example

<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
  <style>
    circle {
      fill: gold;
      stroke: maroon;
      stroke-width: 2px;
    }
  </style>

  <circle cx="5" cy="5" r="4" />
</svg>

Attributes

type

This attribute defines type of the style sheet language to use as a media type string. Value type: <string>; Default value: text/css; Animatable: no

media

This attribute defines to which media the style applies. Value type: <string>; Default value: all; Animatable: no

title

This attribute the title of the style sheet which can be used to switch between alternate style sheets. Value type: <string>; Default value: none; Animatable: no

Global attributes

Usage notes

Categories None
Permitted content Any elements or character data

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
style 1 12 1.5 9 9 3.1 3 18 4 Yes 2 1.0
media No No No No No No No No No No No No
title No No No No No No No No No No No No
type No No No No No No No No No No No No

See also

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/style