SVG 属性リファレンス

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

SVG 属性 A to Z

A

B

C

D

E

F

G

H

I

K

L

M

N

O

P

R

S

T

U

V

W

X

Y

Z

カテゴリ別の 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: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

アニメーション属性に対する属性

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

関連情報