<style>

The <style> SVG element allows style sheets to be embedded directly within SVG content. SVG's style element has the same attributes as the corresponding element in HTML (see HTML's <style> element).

Usage context

Attributes

Global attributes

• Core attributes

Specific attributes

• type
• media
• title

DOM Interface

This element implements the SVGStyleElement interface.

Example

SVG

<svg width="150" height="150" viewBox="0 0 100 100"
     xmlns="http://www.w3.org/2000/svg">
  <style>
    /* <![CDATA[ */
    circle {
      fill: orange;
      stroke: black;
      stroke-width: 10px; /* Note: The value of a pixel depends
                             on the view box */
    }
    /* ]]> */
  </style>

  <circle cx="50" cy="50" r="40" />
</svg>

Result

Specifications

Browser compatibility

See also

• <style> element in HTML