<style>

SVG Elements
1. A
2. B-C
3. D
  1. <defs>
  2. <desc>
4. E
  1. <ellipse>
5. F
6. G
7. H
  1. <hkern>
8. I
  1. <image>
9. J-L
  1. <line>
  2. <linearGradient>
10. M
11. N-P
12. Q-R
  1. <radialGradient>
  2. <rect>
13. S
  1. <script>
  2. <set>
  3. <stop>
  4. <style>
  5. <svg>
  6. <switch>
  7. <symbol>
14. T
15. U
  1. <use>
16. V-Z
  1. <view>
  2. <vkern>

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

html,body,svg { height:100% }

<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

Core Attributes: Most notably: id
Styling Attributes: class, style
Event Attributes: Global event attributes, Document element event attributes

Usage notes

Categories	None
Permitted content	Any elements or character data

Specifications

Specification
Scalable Vector Graphics (SVG) 1.1 (Second Edition) # StyleElement

Browser compatibility

BCD tables only load in the browser