style

« 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

<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.

<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

• Elementos "container" »
• Elementos de filtro primitivo »
• Elementos de gradiente »
• Elementos gráficos »
• Elementos estruturais »
• Elementos de texto »
• <clipPath>
• <filter>
• <font>
• <foreignObject>
• <glyphRef>
• <stop>
• <glyph>

Veja também

• <style>