<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égories | Aucune |
---|---|
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