---
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

#### [Attributs de base](/fr/docs/Web/SVG/Attribute/Core)

{{SVGAttr("id")}}, {{SVGAttr("lang")}}, {{SVGAttr("tabindex")}}, {{SVGAttr("xml:base")}}, {{SVGAttr("xml:lang")}}, {{SVGAttr("xml:space")}}

#### [Attributs de style](/fr/docs/Web/SVG/Attribute/Styling)

{{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")}}

### [Attributs de présentation](/fr/docs/Web/SVG/Attribute/Presentation)

> **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

#### [Événements d'animation](/fr/docs/Web/SVG/Attribute/Events#Animation_Event_Attributes)

**`onbegin`**, **`onend`**, **`onrepeat`**

#### [Événements du document](/fr/docs/Web/SVG/Attribute/Events#Document_Event_Attributes)

**`onabort`**, **`onerror`**, **`onresize`**, **`onscroll`**, **`onunload`**

#### [Événements globaux](/fr/docs/Web/SVG/Attribute/Events#Global_Event_Attributes)

**`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`**

#### [Événement graphiques](/docs/Web/SVG/Attribute/Events#Graphical_Event_Attributes)

**`onactivate`**, **`onfocusin`**, **`onfocusout`**

## Voir aussi

- [Référence des éléments SVG](/fr/docs/Web/SVG/Element)
- [Tutoriel SVG](/fr/docs/Web/SVG/Tutoriel)
- [Références des interfaces SVG](/fr/docs/Web/API/Document_Object_Model#Interfaces_SVG)