SVG 属性リファレンス
SVG 要素は、その要素がどのように処理され描画されるべきかの詳細を指定する属性を使用して変更することができます。
以下は、すべての SVG 属性のリストです。各属性のリンク先のドキュメントでは、どの要素が属性に対応しているか、どのように動作するかを学ぶことができます。
SVG 属性 A to Z
A
B
C
D
E
F
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
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
color-interpolation-filters
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
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
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
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
フィルター属性
アニメーション属性
- アニメーション対象要素属性
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
,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