<style>

L'élément style permet d'intégrer directement des feuilles de style dans un contenu SVG. L'élément style de SVG possède les mêmes attributs que l'élément correspondant au format HTML (voir l'élément HTML <style>).

Contexte d'utilisation

CatégoriesAucune
Contenu autoriséTout élément ou caractère de donnée

Exemple

<svg width="100%" height="100%" viewBox="0 0 100 100"
     xmlns="http://www.w3.org/2000/svg">
  <style>
    /* <![CDATA[ */
    circle {
      fill: orange;
      stroke: black;
      stroke-width: 10px; // Note that the value of a pixel depend on the viewBox
    }
    /* ]]> */
  </style>

  <circle cx="50" cy="50" r="40" />
</svg>

Résultat en direct:

Attributs

Attributs Globaux

Attributs Specifiques

Interface DOM

Cet élément implemente l'interface SVGStyleElement.

Specifications

Specification Status Commentaire
Scalable Vector Graphics (SVG) 2
La définition de '<style>' dans cette spécification.
Candidat au statut de recommandation  
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
La définition de '<style>' dans cette spécification.
Recommendation Initial definition

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi