<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
html
<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
.
Spécifications
Specification |
---|
Scalable Vector Graphics (SVG) 2 # StyleElement |
Compatibilité des navigateurs
BCD tables only load in the browser