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.

« Página inicial de referência do atributo SVG

Este atributo especifica informação de estilo para o elemento atual. O atributo "style" especifica informação de estilo para um único elemento. As linguagem da folha de estilos para as regras de estilos em linhas é dada pelo valor do atributo contentStyleType no elemento the <SVG>.

Contexto de uso

Categorias Atributo de apresentação
Valor <style>
Animável? Não
Documento Normativo SVG 1.1 (2ª Edição)
<style>

A sintaxe do estilo depende de uma linguagem de folha de estilos. Por padrão, se contentStyleType não for definido, a linguagem da folha de estilo utilizada será a CSS.

Exemplo

O exemplo a seguir mostra a estilização de um retângulo com um atributo de estilo utilizando a linguagem de folha de estilos do CSS.

html
<svg version="1.1" viewbox="0 0 1000 500" xmlns="https://www.w3.org/2000/svg">
  <rect
    height="300"
    width="600"
    x="200"
    y="100"
    style="fill: red; stroke: blue; stroke-width: 3" />
</svg>

Elementos

Os seguintes elementos podem utilizar o atributo style

Veja também