SVG 属性リファレンス
SVG 要素は、要素の扱いや描画の詳細を指定する属性を使って変更できます。以下は、すべての SVG 属性のリストです。各属性のリンク先のドキュメンテーションでは、どの要素が属性をサポートしているか、どのように動作するかを学ぶことができます。
SVG 属性 A to Z
A
B
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 (en-US)
contentStyleType (en-US)
cursor (en-US)
cx
cy
D
E
F
fill
fill-opacity
fill-rule (en-US)
filter (en-US)
filterRes (en-US)
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
H
I
K
L
M
N
O
P
R
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
U
V
W
X
Y
Z
カテゴリ別の SVG 属性
ジェネリック属性
XLink 属性
プレゼンテーション属性
メモ: すべての 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