---
title: Référence des attributs SVG
slug: Web/SVG/Attribute
tags:
- Landing
- NeedsHelp
- SVG
- SVG Attribute
- SVG Reference
- TopicStub
translation_of: Web/SVG/Attribute
---
{{SVGRef}}
Les éléments SVG peuvent être modifiés en utilisant des attributs qui spécifient comment les éléments doivent être traités ou présentés.
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
- {{SVGAttr("accent-height")}}
- {{SVGAttr("accumulate")}}
- {{SVGAttr("additive")}}
- {{SVGAttr("alignment-baseline")}}
- {{SVGAttr("allowReorder")}}
- {{SVGAttr("alphabetic")}}
- {{SVGAttr("amplitude")}}
- {{SVGAttr("arabic-form")}}
- {{SVGAttr("ascent")}}
- {{SVGAttr("attributeName")}}
- {{SVGAttr("attributeType")}}
- {{SVGAttr("autoReverse")}}
- {{SVGAttr("azimuth")}}
B
- {{SVGAttr("baseFrequency")}}
- {{SVGAttr("baseline-shift")}}
- {{SVGAttr("baseProfile")}}
- {{SVGAttr("bbox")}}
- {{SVGAttr("begin")}}
- {{SVGAttr("bias")}}
- {{SVGAttr("by")}}
C
- {{SVGAttr("calcMode")}}
- {{SVGAttr("cap-height")}}
- {{SVGAttr("class")}}
- {{SVGAttr("clip")}}
- {{SVGAttr("clipPathUnits")}}
- {{SVGAttr("clip-path")}}
- {{SVGAttr("clip-rule")}}
- {{SVGAttr("color")}}
- {{SVGAttr("color-interpolation")}}
- {{SVGAttr("color-interpolation-filters")}}
- {{SVGAttr("color-profile")}}
- {{SVGAttr("color-rendering")}}
- {{SVGAttr("contentScriptType")}}
- {{SVGAttr("contentStyleType")}}
- {{SVGAttr("cursor")}}
- {{SVGAttr("cx")}}
- {{SVGAttr("cy")}}
D
- {{SVGAttr("d")}}
- {{SVGAttr("decelerate")}}
- {{SVGAttr("descent")}}
- {{SVGAttr("diffuseConstant")}}
- {{SVGAttr("direction")}}
- {{SVGAttr("display")}}
- {{SVGAttr("divisor")}}
- {{SVGAttr("dominant-baseline")}}
- {{SVGAttr("dur")}}
- {{SVGAttr("dx")}}
- {{SVGAttr("dy")}}
E
- {{SVGAttr("edgeMode")}}
- {{SVGAttr("elevation")}}
- {{SVGAttr("enable-background")}}
- {{SVGAttr("end")}}
- {{SVGAttr("exponent")}}
- {{SVGAttr("externalResourcesRequired")}}
F
- {{SVGAttr("fill")}}
- {{SVGAttr("fill-opacity")}}
- {{SVGAttr("fill-rule")}}
- {{SVGAttr("filter")}}
- {{SVGAttr("filterRes")}}
- {{SVGAttr("filterUnits")}}
- {{SVGAttr("flood-color")}}
- {{SVGAttr("flood-opacity")}}
- {{SVGAttr("font-family")}}
- {{SVGAttr("font-size")}}
- {{SVGAttr("font-size-adjust")}}
- {{SVGAttr("font-stretch")}}
- {{SVGAttr("font-style")}}
- {{SVGAttr("font-variant")}}
- {{SVGAttr("font-weight")}}
- {{SVGAttr("format")}}
- {{SVGAttr("from")}}
- {{SVGAttr("fr")}}
- {{SVGAttr("fx")}}
- {{SVGAttr("fy")}}
G
- {{SVGAttr("g1")}}
- {{SVGAttr("g2")}}
- {{SVGAttr("glyph-name")}}
- {{SVGAttr("glyph-orientation-horizontal")}}
- {{SVGAttr("glyph-orientation-vertical")}}
- {{SVGAttr("glyphRef")}}
- {{SVGAttr("gradientTransform")}}
- {{SVGAttr("gradientUnits")}}
H
- {{SVGAttr("hanging")}}
- {{SVGAttr("height")}}
- {{SVGAttr("href")}}
- {{SVGAttr("hreflang")}}
- {{SVGAttr("horiz-adv-x")}}
- {{SVGAttr("horiz-origin-x")}}
I
- {{SVGAttr("id")}}
- {{SVGAttr("ideographic")}}
- {{SVGAttr("image-rendering")}}
- {{SVGAttr("in")}}
- {{SVGAttr("in2")}}
- {{SVGAttr("intercept")}}
K
- {{SVGAttr("k")}}
- {{SVGAttr("k1")}}
- {{SVGAttr("k2")}}
- {{SVGAttr("k3")}}
- {{SVGAttr("k4")}}
- {{SVGAttr("kernelMatrix")}}
- {{SVGAttr("kernelUnitLength")}}
- {{SVGAttr("kerning")}}
- {{SVGAttr("keyPoints")}}
- {{SVGAttr("keySplines")}}
- {{SVGAttr("keyTimes")}}
L
- {{SVGAttr("lang")}}
- {{SVGAttr("lengthAdjust")}}
- {{SVGAttr("letter-spacing")}}
- {{SVGAttr("lighting-color")}}
- {{SVGAttr("limitingConeAngle")}}
- {{SVGAttr("local")}}
M
- {{SVGAttr("marker-end")}}
- {{SVGAttr("marker-mid")}}
- {{SVGAttr("marker-start")}}
- {{SVGAttr("markerHeight")}}
- {{SVGAttr("markerUnits")}}
- {{SVGAttr("markerWidth")}}
- {{SVGAttr("mask")}}
- {{SVGAttr("maskContentUnits")}}
- {{SVGAttr("maskUnits")}}
- {{SVGAttr("mathematical")}}
- {{SVGAttr("max")}}
- {{SVGAttr("media")}}
- {{SVGAttr("method")}}
- {{SVGAttr("min")}}
- {{SVGAttr("mode")}}
N
- {{SVGAttr("name")}}
- {{SVGAttr("numOctaves")}}
O
- {{SVGAttr("offset")}}
- {{SVGAttr("opacity")}}
- {{SVGAttr("operator")}}
- {{SVGAttr("order")}}
- {{SVGAttr("orient")}}
- {{SVGAttr("orientation")}}
- {{SVGAttr("origin")}}
- {{SVGAttr("overflow")}}
- {{SVGAttr("overline-position")}}
- {{SVGAttr("overline-thickness")}}
P
- {{SVGAttr("panose-1")}}
- {{SVGAttr("paint-order")}}
- {{SVGAttr("path")}}
- {{SVGAttr("pathLength")}}
- {{SVGAttr("patternContentUnits")}}
- {{SVGAttr("patternTransform")}}
- {{SVGAttr("patternUnits")}}
- {{SVGAttr("ping")}}
- {{SVGAttr("pointer-events")}}
- {{SVGAttr("points")}}
- {{SVGAttr("pointsAtX")}}
- {{SVGAttr("pointsAtY")}}
- {{SVGAttr("pointsAtZ")}}
- {{SVGAttr("preserveAlpha")}}
- {{SVGAttr("preserveAspectRatio")}}
- {{SVGAttr("primitiveUnits")}}
R
- {{SVGAttr("r")}}
- {{SVGAttr("radius")}}
- {{SVGAttr("referrerPolicy")}}
- {{SVGAttr("refX")}}
- {{SVGAttr("refY")}}
- {{SVGAttr("rel")}}
- {{SVGAttr("rendering-intent")}}
- {{SVGAttr("repeatCount")}}
- {{SVGAttr("repeatDur")}}
- {{SVGAttr("requiredExtensions")}}
- {{SVGAttr("requiredFeatures")}}
- {{SVGAttr("restart")}}
- {{SVGAttr("result")}}
- {{SVGAttr("rotate")}}
- {{SVGAttr("rx")}}
- {{SVGAttr("ry")}}
S
- {{SVGAttr("scale")}}
- {{SVGAttr("seed")}}
- {{SVGAttr("shape-rendering")}}
- {{SVGAttr("slope")}}
- {{SVGAttr("spacing")}}
- {{SVGAttr("specularConstant")}}
- {{SVGAttr("specularExponent")}}
- {{SVGAttr("speed")}}
- {{SVGAttr("spreadMethod")}}
- {{SVGAttr("startOffset")}}
- {{SVGAttr("stdDeviation")}}
- {{SVGAttr("stemh")}}
- {{SVGAttr("stemv")}}
- {{SVGAttr("stitchTiles")}}
- {{SVGAttr("stop-color")}}
- {{SVGAttr("stop-opacity")}}
- {{SVGAttr("strikethrough-position")}}
- {{SVGAttr("strikethrough-thickness")}}
- {{SVGAttr("string")}}
- {{SVGAttr("stroke")}}
- {{SVGAttr("stroke-dasharray")}}
- {{SVGAttr("stroke-dashoffset")}}
- {{SVGAttr("stroke-linecap")}}
- {{SVGAttr("stroke-linejoin")}}
- {{SVGAttr("stroke-miterlimit")}}
- {{SVGAttr("stroke-opacity")}}
- {{SVGAttr("stroke-width")}}
- {{SVGAttr("style")}}
- {{SVGAttr("surfaceScale")}}
- {{SVGAttr("systemLanguage")}}
T
- {{SVGAttr("tabindex")}}
- {{SVGAttr("tableValues")}}
- {{SVGAttr("target")}}
- {{SVGAttr("targetX")}}
- {{SVGAttr("targetY")}}
- {{SVGAttr("text-anchor")}}
- {{SVGAttr("text-decoration")}}
- {{SVGAttr("text-rendering")}}
- {{SVGAttr("textLength")}}
- {{SVGAttr("to")}}
- {{SVGAttr("transform")}}
- {{SVGAttr("type")}}
U
- {{SVGAttr("u1")}}
- {{SVGAttr("u2")}}
- {{SVGAttr("underline-position")}}
- {{SVGAttr("underline-thickness")}}
- {{SVGAttr("unicode")}}
- {{SVGAttr("unicode-bidi")}}
- {{SVGAttr("unicode-range")}}
- {{SVGAttr("units-per-em")}}
V
- {{SVGAttr("v-alphabetic")}}
- {{SVGAttr("v-hanging")}}
- {{SVGAttr("v-ideographic")}}
- {{SVGAttr("v-mathematical")}}
- {{SVGAttr("values")}}
- {{SVGAttr("vector-effect")}}
- {{SVGAttr("version")}}
- {{SVGAttr("vert-adv-y")}}
- {{SVGAttr("vert-origin-x")}}
- {{SVGAttr("vert-origin-y")}}
- {{SVGAttr("viewBox")}}
- {{SVGAttr("viewTarget")}}
- {{SVGAttr("visibility")}}
W
- {{SVGAttr("width")}}
- {{SVGAttr("widths")}}
- {{SVGAttr("word-spacing")}}
- {{SVGAttr("writing-mode")}}
X
- {{SVGAttr("x")}}
- {{SVGAttr("x-height")}}
- {{SVGAttr("x1")}}
- {{SVGAttr("x2")}}
- {{SVGAttr("xChannelSelector")}}
- {{SVGAttr("xlink:actuate")}}
- {{SVGAttr("xlink:arcrole")}}
- {{SVGAttr("xlink:href")}}
- {{SVGAttr("xlink:role")}}
- {{SVGAttr("xlink:show")}}
- {{SVGAttr("xlink:title")}}
- {{SVGAttr("xlink:type")}}
- {{SVGAttr("xml:base")}}
- {{SVGAttr("xml:lang")}}
- {{SVGAttr("xml:space")}}
Y
- {{SVGAttr("y")}}
- {{SVGAttr("y1")}}
- {{SVGAttr("y2")}}
- {{SVGAttr("yChannelSelector")}}
Z
- {{SVGAttr("z")}}
- {{SVGAttr("zoomAndPan")}}
Attributs SVG par catégorie
Attributs Génériques
{{SVGAttr("id")}}, {{SVGAttr("lang")}}, {{SVGAttr("tabindex")}}, {{SVGAttr("xml:base")}}, {{SVGAttr("xml:lang")}}, {{SVGAttr("xml:space")}}
{{SVGAttr("class")}}, {{SVGAttr("style")}}
Attributs de traitement conditionnel
{{SVGAttr("externalResourcesRequired")}}, {{SVGAttr("requiredExtensions")}}, {{SVGAttr("requiredFeatures")}}, {{SVGAttr("systemLanguage")}}.
Attributs XLink
{{SVGAttr("xlink:href")}}, {{SVGAttr("xlink:type")}}, {{SVGAttr("xlink:role")}}, {{SVGAttr("xlink:arcrole")}}, {{SVGAttr("xlink:title")}}, {{SVGAttr("xlink:show")}}, {{SVGAttr("xlink:actuate")}}
Note : Tous les attributs SVG de présentation peuvent être utilisés comme propriété CSS.
{{SVGAttr("alignment-baseline")}}, {{SVGAttr("baseline-shift")}}, {{SVGAttr("clip")}}, {{SVGAttr("clip-path")}}, {{SVGAttr("clip-rule")}}, {{SVGAttr("color")}}, {{SVGAttr("color-interpolation")}}, {{SVGAttr("color-interpolation-filters")}}, {{SVGAttr("color-profile")}}, {{SVGAttr("color-rendering")}}, {{SVGAttr("cursor")}}, {{SVGAttr("direction")}}, {{SVGAttr("display")}}, {{SVGAttr("dominant-baseline")}}, {{SVGAttr("enable-background")}}, {{SVGAttr("fill")}}, {{SVGAttr("fill-opacity")}}, {{SVGAttr("fill-rule")}}, {{SVGAttr("filter")}}, {{SVGAttr("flood-color")}}, {{SVGAttr("flood-opacity")}}, {{SVGAttr("font-family")}}, {{SVGAttr("font-size")}}, {{SVGAttr("font-size-adjust")}}, {{SVGAttr("font-stretch")}}, {{SVGAttr("font-style")}}, {{SVGAttr("font-variant")}}, {{SVGAttr("font-weight")}}, {{SVGAttr("glyph-orientation-horizontal")}}, {{SVGAttr("glyph-orientation-vertical")}}, {{SVGAttr("image-rendering")}}, {{SVGAttr("kerning")}}, {{SVGAttr("letter-spacing")}}, {{SVGAttr("lighting-color")}}, {{SVGAttr("marker-end")}}, {{SVGAttr("marker-mid")}}, {{SVGAttr("marker-start")}}, {{SVGAttr("mask")}}, {{SVGAttr("opacity")}}, {{SVGAttr("overflow")}}, {{SVGAttr("pointer-events")}}, {{SVGAttr("shape-rendering")}}, {{SVGAttr("stop-color")}}, {{SVGAttr("stop-opacity")}}, {{SVGAttr("stroke")}}, {{SVGAttr("stroke-dasharray")}}, {{SVGAttr("stroke-dashoffset")}}, {{SVGAttr("stroke-linecap")}}, {{SVGAttr("stroke-linejoin")}}, {{SVGAttr("stroke-miterlimit")}}, {{SVGAttr("stroke-opacity")}}, {{SVGAttr("stroke-width")}}, {{SVGAttr("text-anchor")}}, {{SVGAttr("transform")}}, {{SVGAttr("text-decoration")}}, {{SVGAttr("text-rendering")}}, {{SVGAttr("unicode-bidi")}}, {{SVGAttr("vector-effect")}}, {{SVGAttr("visibility")}}, {{SVGAttr("word-spacing")}}, {{SVGAttr("writing-mode")}}
Attributs de filtres
Attributs de primitives de filtre
{{SVGAttr("height")}}, {{SVGAttr("result")}}, {{SVGAttr("width")}}, {{SVGAttr("x")}}, {{SVGAttr("y")}}
Attributs de fonction de transfert
{{SVGAttr("type")}}, {{SVGAttr("tableValues")}}, {{SVGAttr("slope")}}, {{SVGAttr("intercept")}}, {{SVGAttr("amplitude")}}, {{SVGAttr("exponent")}}, {{SVGAttr("offset")}}
Attributs d'animation
Animation cible
{{SVGAttr("attributeType")}}, {{SVGAttr("attributeName")}}
Timing de l'animation
{{SVGAttr("begin")}}, {{SVGAttr("dur")}}, {{SVGAttr("end")}}, {{SVGAttr("min")}}, {{SVGAttr("max")}}, {{SVGAttr("restart")}}, {{SVGAttr("repeatCount")}}, {{SVGAttr("repeatDur")}}, {{SVGAttr("fill")}}
Valeurs de l'animation
{{SVGAttr("calcMode")}}, {{SVGAttr("values")}}, {{SVGAttr("keyTimes")}}, {{SVGAttr("keySplines")}}, {{SVGAttr("from")}}, {{SVGAttr("to")}}, {{SVGAttr("by")}}, {{SVGAttr("autoReverse")}}, {{SVGAttr("accelerate")}}, {{SVGAttr("decelerate")}}
Addition de l'animation
{{SVGAttr("additive")}}, {{SVGAttr("accumulate")}}
Attributs d'événement
onbegin
, onend
, onrepeat
onabort
, onerror
, onresize
, onscroll
, onunload
oncancel
, oncanplay
, oncanplaythrough
, onchange
, onclick
, onclose
, oncuechange
, ondblclick
, ondrag
, ondragend
, ondragenter
, ondragexit
, ondragleave
, ondragover
, ondragstart
, ondrop
, ondurationchange
, onemptied
, onended
, onerror
, onfocus
, oninput
, oninvalid
, onkeydown
, onkeypress
, onkeyup
, onload
, onloadeddata
, onloadedmetadata
, onloadstart
, onmousedown
, onmouseenter
, onmouseleave
, onmousemove
, onmouseout
, onmouseover
, onmouseup
, onmousewheel
, onpause
, onplay
, onplaying
, onprogress
, onratechange
, onreset
, onresize
, onscroll
, onseeked
, onseeking
, onselect
, onshow
, onstalled
, onsubmit
, onsuspend
, ontimeupdate
, ontoggle
, onvolumechange
, onwaiting
onactivate
, onfocusin
, onfocusout
Voir aussi