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 (en-US) 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.

html

<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

Voir aussi

Compatibilité des navigateurs

BCD tables only load in the browser