style

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨julho de 2015⁩.

O elemento de estilo possibilita que folhas de estilos sejam incorporadas diretamente ao conteúdo do SVG. O elemento style do SVG possui os mesmos atributos que o elemento correspondente no HTML (veja o elemento no HTML <style>).

Contexto de uso

Categorias	Nenhum
Conteúdo permitido	Quaisquer elementos ou dados de caracteres

Exemplo

html

<svg
  width="100%"
  height="100%"
  viewBox="0 0 100 100"
  xmlns="https://www.w3.org/2000/svg">
  <style>
    /* <![CDATA[ */
    circle {
      fill: orange;
      stroke: black;
      stroke-width: 10px; // Note que este valor depende do valor do pixel definido no viewBox
    }
    /* ]]> */
  </style>

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

Resultado: