Довідка атрибутів SVG
Елементи SVG можуть бути модифіковані за допомогою атрибутів, що задають деталі того, як саме елемент повинен бути оброблений або візуалізований.
Нижче – список усіх атрибутів, доступних у SVG, а також посилання на довідкову документацію, щоб допомогти вам дізнатися, які елементи їх підтримують і як вони працюють.
Атрибути SVG від A до Z
A
accent-height
accumulate
additive
alignment-baseline
alphabetic
amplitude
arabic-form
ascent
attributeName
attributeType
azimuth
B
C
calcMode
cap-height
class
clip
clipPathUnits
clip-path
clip-rule
color
color-interpolation
color-interpolation-filters
color-rendering
crossorigin
cursor
cx
cy
D
d
data-*
decelerate
decoding
descent
diffuseConstant
direction
display
divisor
dominant-baseline
dur
dx
dy
E
F
fill
fill-opacity
fill-rule
filter
filterUnits
flood-color
flood-opacity
font-family
font-size
font-size-adjust
font-stretch
font-style
font-variant
font-weight
format
from
fr
fx
fy
G
g1
g2
glyph-name
glyph-orientation-horizontal
glyph-orientation-vertical
glyphRef
gradientTransform
gradientUnits
H
I
K
L
M
marker-end
marker-mid
marker-start
markerHeight
markerUnits
markerWidth
mask
maskContentUnits
maskUnits
mathematical
max
media
method
min
mode
N
O
offset
opacity
operator
order
orient
orientation
origin
overflow
overline-position
overline-thickness
P
panose-1
paint-order
path
pathLength
patternContentUnits
patternTransform
patternUnits
ping
pointer-events
points
pointsAtX
pointsAtY
pointsAtZ
preserveAlpha
preserveAspectRatio
primitiveUnits
R
r
radius
referrerPolicy
refX
refY
rel
rendering-intent
repeatCount
repeatDur
requiredExtensions
requiredFeatures
restart
result
rotate
rx
ry
S
scale
seed
shape-rendering
side
slope
spacing
specularConstant
specularExponent
speed
spreadMethod
startOffset
stdDeviation
stemh
stemv
stitchTiles
stop-color
stop-opacity
strikethrough-position
strikethrough-thickness
string
stroke
stroke-dasharray
stroke-dashoffset
stroke-linecap
stroke-linejoin
stroke-miterlimit
stroke-opacity
stroke-width
style
surfaceScale
systemLanguage
T
tabindex
tableValues
target
targetX
targetY
text-anchor
text-decoration
text-rendering
textLength
to
transform
transform-origin
type
U
V
v-alphabetic
v-hanging
v-ideographic
v-mathematical
values
vector-effect
version
vert-adv-y
vert-origin-x
vert-origin-y
viewBox
visibility
W
X
x
x-height
x1
x2
xChannelSelector
xlink:actuate
xlink:arcrole
xlink:href
xlink:role
xlink:show
xlink:title
xlink:type
xml:lang
xml:space
Y
Z
Атрибути SVG за категоріями
Загальні атрибути
-
Головні атрибути
-
Атрибути умовної обробки
Атрибути XLink
Атрибути представлення
[!NOTE] Всі атрибути представлення SVG можуть бути використані як властивості CSS.
alignment-baseline
baseline-shift
clip
clip-path
clip-rule
color
color-interpolation
color-interpolation-filters
color-rendering
cursor
d
direction
display
dominant-baseline
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
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
Атрибути фільтрів
- Атрибути примітивів фільтрів
- Атрибути функції перенесення
type
,tableValues
,slope
,intercept
,amplitude
,exponent
,offset
Атрибути анімації
- Атрибути цільового елемента анімації
- Атрибути цільового атрибута анімації
- Атрибути хронометражу анімації
begin
,dur
,end
,min
,max
,restart
,repeatCount
,repeatDur
,fill
- Атрибути значення анімації
calcMode
,values
,keyTimes
,keySplines
,from
,to
,by
,autoReverse
,accelerate
,decelerate
- Атрибути додавання анімації
Атрибути подій
onabort
onactivate
onbegin
oncancel
oncanplay
oncanplaythrough
onchange
onclick
onclose
oncuechange
ondblclick
ondrag
ondragend
ondragenter
ondragleave
ondragover
ondragstart
ondrop
ondurationchange
onemptied
onend
onended
onerror
onerror
onfocus
onfocusin
onfocusout
oninput
oninvalid
onkeydown
onkeypress
onkeyup
onload
onloadeddata
onloadedmetadata
onloadstart
onmousedown
onmouseenter
onmouseleave
onmousemove
onmouseout
onmouseover
onmouseup
onmousewheel
onpause
onplay
onplaying
onprogress
onratechange
onrepeat
onreset
onresize
onresize
onscroll
onscroll
onseeked
onseeking
onselect
onshow
onstalled
onsubmit
onsuspend
ontimeupdate
ontoggle
onunload
onvolumechange
onwaiting