style

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

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

CategoriasNenhum
Conteúdo permitidoQuaisquer 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:

Atributos

Atributos globais

Atributos específicos

Interface DOM

O elemento implementa a interface do SVGStyleElement.

Compatibilidade com navegadores

BCD tables only load in the browser

Veja também