From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/pt-br/web/svg/attribute/style/index.html | 75 ++++++++++++++++++++++++++ 1 file changed, 75 insertions(+) create mode 100644 files/pt-br/web/svg/attribute/style/index.html (limited to 'files/pt-br/web/svg/attribute/style/index.html') diff --git a/files/pt-br/web/svg/attribute/style/index.html b/files/pt-br/web/svg/attribute/style/index.html new file mode 100644 index 0000000000..f52028b64e --- /dev/null +++ b/files/pt-br/web/svg/attribute/style/index.html @@ -0,0 +1,75 @@ +--- +title: style +slug: Web/SVG/Attribute/style +tags: + - Atributo SVG + - SVG +translation_of: Web/SVG/Attribute/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 {{ SVGAttr("contentStyleType") }} no elemento the {{ SVGElement("SVG") }}.

+ +

Contexto de uso

+ + + + + + + + + + + + + + + + + + + + +
CategoriasAtributo de apresentação
Valor<style>
Animável?Não
Documento NormativoSVG 1.1 (2ª Edição)
+ +
+
<style>
+
A sintaxe do estilo depende de uma linguagem de folha de estilos. Por padrão, se {{ SVGAttr("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="http://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

+ + -- cgit v1.2.3-54-g00ecf