From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/fr/web/svg/attribute/style/index.html | 85 +++++++++++++++++++++++++++++ 1 file changed, 85 insertions(+) create mode 100644 files/fr/web/svg/attribute/style/index.html (limited to 'files/fr/web/svg/attribute/style/index.html') diff --git a/files/fr/web/svg/attribute/style/index.html b/files/fr/web/svg/attribute/style/index.html new file mode 100644 index 0000000000..58bb5061ae --- /dev/null +++ b/files/fr/web/svg/attribute/style/index.html @@ -0,0 +1,85 @@ +--- +title: style +slug: Web/SVG/Attribute/style +tags: + - Reference + - SVG + - SVG Attribute +translation_of: Web/SVG/Attribute/style +--- +

{{SVGRef}}

+ +

L'attribut style définit les informations de style pour son élément. Il fonctionne de manière identique à l'attribut style en HTML.

+ +

Context d'utilisation

+ + + + + + + + + + + + + + + + + + + + +
CatégoriesAttribut de présentation
Valeur<style>
AnimationNon
Document normatifSVG 1.1 (2ème Edition)
+ +
+
<style>
+
La syntaxe des données de style dépend du langage de la feuille de style. Par défaut, le langage est CSS.
+
+

Note: En théorie, l'attribut {{SVGAttr("contentStyleType")}} pourrait être utilisé pour spécifier un language de style autre que CSS, comme XSL(T). Cependant, cela n'a jamais été implémenté de manière satisfaisante dans les navigateurs, donc ne vous y fiez pas.

+
+
+ +

Exemple

+ +

L'exemple suivant stylise le rectangle en utilisant l'attribut style, avec CSS comme langage de feuille de style.

+ +
<svg 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>
+
+ +

Éléments

+ +

Les éléments suivants peuvent utiliser l'attribut style:

+ + + +

Voir aussi

+ + + +

Compatibilité des navigateurs

+ + + +

{{Compat("svg.attributes.style.style")}}

-- cgit v1.2.3-54-g00ecf