<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'é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
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
style | ||||||||||||
media | ||||||||||||
title | ||||||||||||
type |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.