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

ジェネリック属性

コア属性 (en-US)

id, lang (en-US), tabindex (en-US), xml:base (en-US), xml:lang (en-US), xml:space (en-US)

スタイル属性 (en-US)

class (en-US), style (en-US)

条件処理属性

externalResourcesRequired (en-US), 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

プレゼンテーション属性 (en-US)

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

alignment-baseline, baseline-shift (en-US), clip (en-US), clip-path (en-US), clip-rule (en-US), color (en-US), color-interpolation (en-US), color-interpolation-filters (en-US), color-profile (en-US), color-rendering (en-US), 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 (en-US), stop-opacity (en-US), stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit (en-US), 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 (en-US), 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)

イベント属性

アニメーションイベント属性 (en-US)

onbegin, onend, onrepeat

文書イベント属性 (en-US)

onabort, onerror, onresize, onscroll, onunload

グローバルイベント属性 (en-US)

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

グラフィカルイベント属性 (en-US)

onactivate, onfocusin, onfocusout

関連情報