Référence des attributs SVG
Les éléments SVG peuvent être modifiés à l'aide d'attributs qui modifient la manière dont l'élément est traité ou rendu.
Ci-dessous, la liste de tous les attributs disponibles en SVG, ainsi que des liens vers leur documentation pour vous aider à apprendre sur quels éléments ils s'appliquent et comment ils fonctionnent.
Attributs SVG de A à Z
A
B
C
D
E
F
G
H
I
K
L
M
N
O
P
R
S
scaleseedshape-renderingsideslopespacingspecularConstantspecularExponentspreadMethodstartOffsetstdDeviationstitchTilesstop-colorstop-opacitystrokestroke-dasharraystroke-dashoffsetstroke-linecapstroke-linejoinstroke-miterlimitstroke-opacitystroke-widthstylesurfaceScalesystemLanguage
T
U
V
W
X
Y
Z
Attributs SVG par catégorie
Attributs génériques
Les attributs de base sont des attributs universels.
Attributs de traitement conditionnel
Les attributs de traitement conditionnel déterminent si les éléments auxquels ils sont associés sont traités.
Attributs xlink
Les attributs XLink peuvent référencer des ressources.
xlink:hrefxlink:typexlink:rolexlink:arcrolexlink:titlexlink:showxlink:actuate
Attributs de présentation
Les attributs de présentation SVG sont des attributs SVG qui peuvent également être utilisés comme propriétés CSS sur les éléments SVG.
Ils définissent les valeurs des propriétés CSS d'un élément avec une spécificité de 0, de sorte que d'autres styles définis par l'auteur·ice dans une feuille de style ou l'attribut style peuvent les remplacer.
Les valeurs des attributs de présentation sont analysées comme des valeurs CSS, et non comme des déclarations, et ne peuvent donc pas contenir !important.
La plupart des attributs de présentation héritent lorsqu'ils sont utilisés comme propriétés CSS (par exemple, fill et stroke).
Les propriétés géométriques constituent la principale exception : leurs équivalents CSS n'héritent pas.
alignment-baselinebaseline-shiftclipclip-pathclip-rulecolorcolor-interpolationcolor-interpolation-filterscursorcxcyddirectiondisplaydominant-baselinefillfill-opacityfill-rulefilterflood-colorflood-opacityfont-familyfont-sizefont-size-adjustfont-stretchfont-stylefont-variantfont-weightfont-widthglyph-orientation-horizontalglyph-orientation-verticalheightimage-renderingletter-spacinglighting-colormarker-endmarker-midmarker-startmaskmask-typeopacityoverflowpathLengthpointer-eventsrrxryshape-renderingstop-colorstop-opacitystrokestroke-dasharraystroke-dashoffsetstroke-linecapstroke-linejoinstroke-miterlimitstroke-opacitystroke-widthtext-anchortext-decorationtext-overflowtext-renderingtransformtransform-originunicode-bidivector-effectvisibilitywidthwhite-spaceword-spacingwriting-modexy
Propriétés géométriques
Les propriétés géométriques décrivent la position et les dimensions des formes SVG. Dans SVG 2 (angl.), elles constituent un sous-ensemble défini d'attributs de présentation dont les équivalents CSS ne sont pas hérités.
Chaque propriété géométrique s'applique en tant qu'attribut de présentation uniquement sur certains éléments.
Par exemple, r définit le rayon d'un <circle>, mais n'a aucun effet sur des éléments tels que <rect>.
Les propriétés géométriques SVG sont :
Pour la compatibilité élément par élément, consultez la page d'attribut de chaque propriété et la liste sur la page de l'élément <g>.
Attributs de filtre
Attributs d'animation
Attributs pour la gestion des évènements
Tous les éléments HTML et SVG prennent en charge les attributs de gestionnaire d'évènements définis sur le mixin GlobalEventHandlers.
Bien que les attributs de gestionnaire d'évènements, comme onblur et onauxclick, s'appliquent à tous les éléments, ils peuvent ne produire aucun effet. Par exemple, l'attribut oncuechange peut être appliqué à n'importe quel élément, mais il n'est pertinent que pour l'élément <track>.
L'utilisation des attributs de gestionnaire d'évènements est déconseillée, considérée comme non sécurisée, et peut être bloquée par les politiques de sécurité du contenu (CSP). Utilisez plutôt le nom de l'évènement avec la méthode addEventListener().