style

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 AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
styleChrome 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 OuiFirefox Android Support complet OuiOpera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui

Légende

Support complet  
Support complet