style

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

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.

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

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

Voir aussi

<style>

Compatibilité des navigateurs

BCD tables only load in the browser