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égories Attribut de présentation
Valeur <style>
Animation Non
Document normatif SVG 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 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

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome Support complet OuiEdge Support complet OuiFirefox Support complet OuiIE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet OuiOpera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android ?

Légende

Support complet  
Support complet
Compatibilité inconnue  
Compatibilité inconnue

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : a-mt
Dernière mise à jour par : a-mt,