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, tabindex, xml:base, xml:lang, xml:space

スタイル属性

class, style

条件処理属性

externalResourcesRequired, requiredExtensions, requiredFeatures, systemLanguage.

xlink:href, xlink:type, xlink:role, xlink:arcrole, xlink:title, xlink:show, xlink:actuate

プレゼンテーション属性

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

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

フィルター属性

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

height, result, width, x, y

変換関数属性

type, tableValues, slope, intercept, amplitude, exponent, offset

アニメーション属性

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

attributeType, attributeName

アニメーションタイミング属性

begin, dur, end, min, max, restart, repeatCount, repeatDur, fill

アニメーション値属性

calcMode, values, keyTimes, keySplines, from, to, by, autoReverse, accelerate, decelerate

アニメーション付加属性

additive, accumulate

イベント属性

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

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

関連情報