SVG 属性リファレンス
============

SVG 要素は、要素の扱いや描画の詳細を指定する属性を使って変更できます。以下は、すべての SVG 属性のリストです。各属性のリンク先のドキュメンテーションでは、どの要素が属性をサポートしているか、どのように動作するかを学ぶことができます。

SVG 属性 A to Z
-------------

### A

* `accent-height`
* `accumulate (en-US)`
* `additive (en-US)`
* `alignment-baseline`
* `allowReorder`
* `alphabetic (en-US)`
* `amplitude (en-US)`
* `arabic-form (en-US)`
* `ascent (en-US)`
* `attributeName (en-US)`
* `attributeType (en-US)`
* `autoReverse`
* `azimuth (en-US)`
### B

* `baseFrequency (en-US)`
* `baseline-shift (en-US)`
* `baseProfile (en-US)`
* `bbox (en-US)`
* `begin (en-US)`
* `bias (en-US)`
* `by (en-US)`
### C

* `calcMode (en-US)`
* `cap-height (en-US)`
* `class (en-US)`
* `clip (en-US)`
* `clipPathUnits (en-US)`
* `clip-path (en-US)`
* `clip-rule (en-US)`
* `color`
* `color-interpolation (en-US)`
* `color-interpolation-filters (en-US)`
* `color-profile (en-US)`
* `color-rendering`
* `contentScriptType`
* `contentStyleType`
* `cursor (en-US)`
* `cx`
* `cy`
### D

* `d`
* `decelerate`
* `descent (en-US)`
* `diffuseConstant (en-US)`
* `direction (en-US)`
* `display (en-US)`
* `divisor (en-US)`
* `dominant-baseline (en-US)`
* `dur (en-US)`
* `dx`
* `dy (en-US)`
### E

* `edgeMode (en-US)`
* `elevation (en-US)`
* `enable-background (en-US)`
* `end`
* `exponent (en-US)`
* `externalResourcesRequired`
### F

* `fill`
* `fill-opacity`
* `fill-rule (en-US)`
* `filter (en-US)`
* `filterRes`
* `filterUnits`
* `flood-color (en-US)`
* `flood-opacity (en-US)`
* `font-family (en-US)`
* `font-size (en-US)`
* `font-size-adjust (en-US)`
* `font-stretch (en-US)`
* `font-style (en-US)`
* `font-variant (en-US)`
* `font-weight (en-US)`
* `format`
* `from (en-US)`
* `fr (en-US)`
* `fx (en-US)`
* `fy (en-US)`
### G

* `g1 (en-US)`
* `g2 (en-US)`
* `glyph-name (en-US)`
* `glyph-orientation-horizontal (en-US)`
* `glyph-orientation-vertical (en-US)`
* `glyphRef`
* `gradientTransform (en-US)`
* `gradientUnits (en-US)`
### H

* `hanging (en-US)`
* `height (en-US)`
* `href (en-US)`
* `hreflang`
* `horiz-adv-x (en-US)`
* `horiz-origin-x (en-US)`
### I

* `id`
* `ideographic (en-US)`
* `image-rendering (en-US)`
* `in (en-US)`
* `in2 (en-US)`
* `intercept (en-US)`
### K

* `k (en-US)`
* `k1 (en-US)`
* `k2 (en-US)`
* `k3 (en-US)`
* `k4 (en-US)`
* `kernelMatrix (en-US)`
* `kernelUnitLength (en-US)`
* `kerning (en-US)`
* `keyPoints (en-US)`
* `keySplines (en-US)`
* `keyTimes (en-US)`
### L

* `lang (en-US)`
* `lengthAdjust`
* `letter-spacing (en-US)`
* `lighting-color (en-US)`
* `limitingConeAngle (en-US)`
* `local`
### M

* `marker-end (en-US)`
* `marker-mid`
* `marker-start (en-US)`
* `markerHeight (en-US)`
* `markerUnits (en-US)`
* `markerWidth (en-US)`
* `mask (en-US)`
* `maskContentUnits (en-US)`
* `maskUnits (en-US)`
* `mathematical (en-US)`
* `max (en-US)`
* `media (en-US)`
* `method (en-US)`
* `min (en-US)`
* `mode (en-US)`
### N

* `name (en-US)`
* `numOctaves (en-US)`
### O

* `offset`
* `opacity (en-US)`
* `operator (en-US)`
* `order (en-US)`
* `orient (en-US)`
* `orientation (en-US)`
* `origin (en-US)`
* `overflow (en-US)`
* `overline-position (en-US)`
* `overline-thickness (en-US)`
### P

* `panose-1 (en-US)`
* `paint-order (en-US)`
* `path (en-US)`
* `pathLength (en-US)`
* `patternContentUnits (en-US)`
* `patternTransform (en-US)`
* `patternUnits`
* `ping`
* `pointer-events (en-US)`
* `points`
* `pointsAtX (en-US)`
* `pointsAtY (en-US)`
* `pointsAtZ (en-US)`
* `preserveAlpha (en-US)`
* `preserveAspectRatio (en-US)`
* `primitiveUnits (en-US)`
### R

* `r`
* `radius (en-US)`
* `referrerPolicy`
* `refX (en-US)`
* `refY (en-US)`
* `rel`
* `rendering-intent`
* `repeatCount (en-US)`
* `repeatDur (en-US)`
* `requiredExtensions`
* `requiredFeatures (en-US)`
* `restart (en-US)`
* `result (en-US)`
* `rotate (en-US)`
* `rx (en-US)`
* `ry (en-US)`
### S

* `scale`
* `seed (en-US)`
* `shape-rendering (en-US)`
* `slope (en-US)`
* `spacing (en-US)`
* `specularConstant (en-US)`
* `specularExponent (en-US)`
* `speed`
* `spreadMethod (en-US)`
* `startOffset (en-US)`
* `stdDeviation (en-US)`
* `stemh (en-US)`
* `stemv (en-US)`
* `stitchTiles (en-US)`
* `stop-color`
* `stop-opacity (en-US)`
* `strikethrough-position (en-US)`
* `strikethrough-thickness (en-US)`
* `string (en-US)`
* `stroke`
* `stroke-dasharray`
* `stroke-dashoffset`
* `stroke-linecap`
* `stroke-linejoin`
* `stroke-miterlimit`
* `stroke-opacity (en-US)`
* `stroke-width (en-US)`
* `style (en-US)`
* `surfaceScale (en-US)`
* `systemLanguage (en-US)`
### T

* `tabindex (en-US)`
* `tableValues (en-US)`
* `target (en-US)`
* `targetX (en-US)`
* `targetY (en-US)`
* `text-anchor (en-US)`
* `text-decoration (en-US)`
* `text-rendering (en-US)`
* `textLength (en-US)`
* `to (en-US)`
* `transform`
* `transform-origin (en-US)`
* `type (en-US)`
### U

* `u1 (en-US)`
* `u2 (en-US)`
* `underline-position (en-US)`
* `underline-thickness (en-US)`
* `unicode (en-US)`
* `unicode-bidi (en-US)`
* `unicode-range (en-US)`
* `units-per-em (en-US)`
### V

* `v-alphabetic (en-US)`
* `v-hanging (en-US)`
* `v-ideographic (en-US)`
* `v-mathematical (en-US)`
* `values (en-US)`
* `vector-effect`
* `version (en-US)`
* `vert-adv-y (en-US)`
* `vert-origin-x (en-US)`
* `vert-origin-y (en-US)`
* `viewBox`
* `viewTarget`
* `visibility (en-US)`
### W

* `width (en-US)`
* `widths (en-US)`
* `word-spacing (en-US)`
* `writing-mode`
### X

* `x`
* `x-height (en-US)`
* `x1`
* `x2 (en-US)`
* `xChannelSelector (en-US)`
* `xlink:actuate`
* `xlink:arcrole (en-US)`
* `xlink:href (en-US)`
* `xlink:role`
* `xlink:show (en-US)`
* `xlink:title (en-US)`
* `xlink:type (en-US)`
* `xml:base (en-US)`
* `xml:lang (en-US)`
* `xml:space (en-US)`
### Y

* `y`
* `y1 (en-US)`
* `y2 (en-US)`
* `yChannelSelector (en-US)`
### Z

* `z (en-US)`
* `zoomAndPan (en-US)`
カテゴリ別の SVG 属性
-------------

### ジェネリック属性

#### コア属性

`id`, `lang (en-US)`, `tabindex (en-US)`, `xml:base (en-US)`, `xml:lang (en-US)`, `xml:space (en-US)`
#### スタイル属性

`class (en-US)`, `style (en-US)`
#### 条件処理属性

`externalResourcesRequired`, `requiredExtensions`, `requiredFeatures (en-US)`, `systemLanguage (en-US)`.

### XLink 属性

`xlink:href (en-US)`, `xlink:type (en-US)`, `xlink:role`, `xlink:arcrole (en-US)`, `xlink:title (en-US)`, `xlink:show (en-US)`, `xlink:actuate`### プレゼンテーション属性

**メモ:** すべての SVG プレゼンテーション属性が CSS プロパティとして使用できます。

`alignment-baseline`, `baseline-shift (en-US)`, `clip (en-US)`, `clip-path (en-US)`, `clip-rule (en-US)`, `color`, `color-interpolation (en-US)`, `color-interpolation-filters (en-US)`, `color-profile (en-US)`, `color-rendering`, `cursor (en-US)`, `direction (en-US)`, `display (en-US)`, `dominant-baseline (en-US)`, `enable-background (en-US)`, `fill`, `fill-opacity`, `fill-rule (en-US)`, `filter (en-US)`, `flood-color (en-US)`, `flood-opacity (en-US)`, `font-family (en-US)`, `font-size (en-US)`, `font-size-adjust (en-US)`, `font-stretch (en-US)`, `font-style (en-US)`, `font-variant (en-US)`, `font-weight (en-US)`, `glyph-orientation-horizontal (en-US)`, `glyph-orientation-vertical (en-US)`, `image-rendering (en-US)`, `kerning (en-US)`, `letter-spacing (en-US)`, `lighting-color (en-US)`, `marker-end (en-US)`, `marker-mid`, `marker-start (en-US)`, `mask (en-US)`, `opacity (en-US)`, `overflow (en-US)`, `pointer-events (en-US)`, `shape-rendering (en-US)`, `stop-color`, `stop-opacity (en-US)`, `stroke`, `stroke-dasharray`, `stroke-dashoffset`, `stroke-linecap`, `stroke-linejoin`, `stroke-miterlimit`, `stroke-opacity (en-US)`, `stroke-width (en-US)`, `text-anchor (en-US)`, `text-decoration (en-US)`, `text-rendering (en-US)`, `transform`, `transform-origin (en-US)`, `unicode-bidi (en-US)`, `vector-effect`, `visibility (en-US)`, `word-spacing (en-US)`, `writing-mode`### フィルター属性

#### フィルタープリミティブ属性

`height (en-US)`, `result (en-US)`, `width (en-US)`, `x`, `y`
#### 変換関数属性

`type (en-US)`, `tableValues (en-US)`, `slope (en-US)`, `intercept (en-US)`, `amplitude (en-US)`, `exponent (en-US)`, `offset`### アニメーション属性

#### アニメーション対象要素属性

`href (en-US)`
#### アニメーション属性に対する属性

`attributeType (en-US)`, `attributeName (en-US)`
#### アニメーションタイミング属性

`begin (en-US)`, `dur (en-US)`, `end`, `min (en-US)`, `max (en-US)`, `restart (en-US)`, `repeatCount (en-US)`, `repeatDur (en-US)`, `fill`
#### アニメーション値属性

`calcMode (en-US)`, `values (en-US)`, `keyTimes (en-US)`, `keySplines (en-US)`, `from (en-US)`, `to (en-US)`, `by (en-US)`, `autoReverse`, `accelerate`, `decelerate`
#### アニメーション付加属性

`additive (en-US)`, `accumulate (en-US)`### イベント属性

#### アニメーションイベント属性

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

関連情報
----

* SVG 要素リファレンス
* SVG チュートリアル
* SVG インターフェイスリファレンス