Widely available YES。主要ブラウザで広く対応済み。本番利用を推奨。

SVG

clip-rule は CSS のプロパティで、パスの一部が他の部分と重なった場合、マスクのボックス内のピクセルが、クリップパスで定義されたクリップするシェイプの内側にあるか、外側にあるかを決定します。

clip-rule プロパティは、 <clipPath> 要素内に含まれる SVG 要素にのみ適用され、要素の clip-rule 属性の値がある場合はそれを上書きします。 clip-rule プロパティは、基本的に fill-rule プロパティと同じように機能しますが、 <clipPath> 定義に適用される点が異なります。 CSS の <basic-shape> には何の効果もありません。

ベクターグラフィックス画像形式

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
clip-rule
≤15
79
3.5
≤5
18
≤4.2
DOM API
drawImage (SVGImageElement source image)

ソース画像としての SVGImageElement
59
12
56
17
59
17
parseFromString (svg)

SVG (`image/svg+xml`) のサポート
4
12
10
3
18
1
SVGAElement

SVGAElement インターフェイスは、a 要素のプロパティにアクセスし、それらを操作するためのメソッドを提供します。
1
12
3
3
18
1
href

href は SVGAElement の読み取り専用プロパティで、href 属性の値を反映した SVGAnimatedString オブジェクトを返します。また、特定の場合では、xlink:href 属性を反映します。これはリンクに関連付けられたターゲット URI を指定します。
1
12
4
3
18
1
hreflang

hreflang は SVGAElement インターフェイスのプロパティで、リンクされたリソースの言語を示す文字列を返します。
144
144
61
26.2
144
26.2
referrerPolicy
144
144
61
144
rel

rel は SVGAElement のプロパティで、この SVG の a 要素の rel 属性の値を反映した文字列を返します。
136
136
61
14
136
14
relList

relList は SVGAElement の読み取り専用プロパティで、生きた DOMTokenList を返します。これは SVG の a 要素の rel 属性の 値を反映したものです。
136
136
61
14
136
14
target

SVGAElement.target は SVGAElement の読み取り専用プロパティで、リンクをアクティブ化した際に文書を開くための対象となるウィンドウ、フレーム、ペインの領域を指定する SVGAnimatedString オブジェクトを返します。
1
12
3
3
18
1
type

type は SVGAElement インターフェイスのプロパティで、 リンクされているリソースの MIME タイプを示す文字列を返します。
144
144
61
26.2
144
26.2
SVGAngle

SVGAngle インターフェイスは、 &lt;angle&gt; または &lt;number&gt; である値を表すために使用することができます。
1
12
1.5
3
18
1
convertToSpecifiedUnits

convertToSpecifiedUnits() は SVGAngle インターフェイスのメソッドで、角度の値を指定した単位型に変換することができます。
1
12
1.5
3
18
1
newValueSpecifiedUnits

newValueSpecifiedUnits() は SVGAngle インターフェイスのメソッドで、関連付けられた SVGAngle.unitType を持つ数値に値を設定し、それによってオブジェクト上のすべての属性の値を置き換えます。
1
12
1.5
3
18
1
unitType

unitType は SVGAngle インターフェイスのプロパティで、単位型定数の 1 つであり、この角度の値が表現する単位を表します。
1
12
1.5
3
18
1
value

value は SVGAngle インターフェイスのプロパティで、 の浮動小数点値を度単位で表します。
1
12
1.5
3
18
1
valueAsString

valueAsString は SVGAngle インターフェイスのプロパティで、 unitType で指定された単位での角度値を文字列として表します。
1
12
1.5
3
18
1
valueInSpecifiedUnits

valueInSpecifiedUnits は SVGAngle インターフェイスのプロパティで、この角度の SVGAngle.unitType で表現される単位で、この角度の数値を表します。
1
12
1.5
3
18
1
SVGCircleElement

SVGCircleElement インターフェイスは、circle 要素のためのものです。
1
12
1.5
3
18
1
cx

cx は SVGCircleElement インターフェイスの読み取り専用プロパティで、circle 要素の cx 属性を反映し、この円の中心の X 座標を定義します。
1
12
1.5
3
18
1
cy

cy は SVGCircleElement インターフェイスの読み取り専用プロパティで、circle 要素の cy 属性を反映し、この円の中心の Y 座標を定義します。
1
12
1.5
3
18
1
r

r は SVGCircleElement インターフェイスの読み取り専用プロパティで、circle 要素の r 属性を反映し、この円の半径を定義します。
1
12
1.5
3
18
1
SVGComponentTransferFunctionElement

SVGComponentTransferFunctionElement インターフェイスは、コンポーネント伝達関数インターフェイスによって使用される基本インターフェイスを表します。
5
12
3
6
18
6
amplitude

SVGComponentTransferFunctionElement インターフェイスの振幅読み取り専用プロパティは、指定された要素の振幅属性を反映します。
5
12
3
6
18
6
exponent

SVGComponentTransferFunctionElement インターフェイスの exponent 読み取り専用プロパティは、指定された要素の exponent 属性を反映します。
5
12
3
6
18
6
intercept

SVGComponentTransferFunctionElement インターフェイスの intercept 読み取り専用プロパティは、指定された要素の intercept 属性を反映します。
5
12
3
6
18
6
offset

SVGComponentTransferFunctionElement インターフェイスの offset 読み取り専用プロパティは、指定された要素の offset 属性を反映します。
5
12
3
6
18
6
slope

SVGComponentTransferFunctionElement インターフェイスの傾き読み取り専用プロパティは、指定された要素の傾き属性を反映します。
5
12
3
6
18
6
tableValues

SVGComponentTransferFunctionElement インターフェイスの tableValues 読み取り専用プロパティは、指定された要素の tableValues 属性を反映します。
5
12
3
6
18
6
type

SVGComponentTransferFunctionElement インターフェイスの type 読み取り専用プロパティは、指定された要素の type 属性を反映します。 このインターフェイスで定義された SVGFECOMPONENTTRANSFERTYPE_* 定数の 1 つを受け取ります。
5
12
3
6
18
6
SVGDefsElement

SVGDefsElement インターフェイスは defs 要素に対応します。
1
12
1.5
3
18
1
SVGDescElement

SVGDescElement インターフェイスは desc 要素に対応します。
1
12
1.5
3
18
1
SVGElement

SVG DOM インターフェイスはすべて、 SVG 言語の各要素に直接対応するものであり、 SVGElement インターフェイスから派生しています。
1
12
1.5
3
18
1
attributeStyleMap

attributeStyleMap は SVGElement インターフェイスの読み取り専用のプロパティで、生きた StylePropertyMap を返します。これには、要素のインライン スタイル属性で定義されているか、スクリプト経由で SVGElement インターフェイスの SVGElement.style プロパティを使用して割り当てられた、要素のスタイルプロパティのリストが入ります。
66
79
16.4
66
16.4
blur

SVGElement.blur() メソッドは、現在の SVG 要素からキーボード フォーカスを削除します。
1
17
51
3
18
1
error_event

error イベントは SVG 要素が正しく読み込まれなかったり、スクリプト実行中にエラーが発生した場合に発生します。
10
12
1.5
6
18
6
focus

SVGElement.focus() メソッドは、指定された SVG 要素にフォーカスできる場合、その要素にフォーカスを設定します。 フォーカスされた要素は、デフォルトでキーボードおよび同様のイベントを受け取る要素です。
1
17
51
3
18
1
focus (options preventScroll parameter)

options.preventScroll`パラメータ
78
17
68
15
78
15.5
load_event

load イベントは SVGElement がブラウザーに読み込まれたときに発生するイベントです。これは基本的に標準の load DOM イベントと同じです。
1
12
4
3
18
1
nonce

SVGElement インターフェイスの nonce プロパティは、特定のフェッチの続行が許可されるかどうかを決定するためにコンテンツ セキュリティ ポリシーによって使用される Nonce を返します。
61
79
75
15.4
61
15.4
ownerSVGElement

SVGElement インターフェイスの ownerSVGElement プロパティは、最も近い祖先 svg 要素を反映します。 指定された要素が最も外側の要素の場合は null。
1
12
1.5
3
18
1
style

style は SVGElement の読み取り専用プロパティで、要素のインラインスタイルを、動的な CSSStyleDeclaration オブジェクトの形で返します。このオブジェクトはその要素のすべてのスタイルプロパティの一覧を含み、要素のインラインの style 属性で定義されている属性にのみ値が割り当てられています。
1
12
1.5
3
18
1
tabIndex

SVGElement インターフェイスの tabIndex プロパティは、現在の SVG 要素のタブ オーダーを表します。
36
17
51
8
36
8
viewportElement

SVGElement インターフェイスの viewportElement プロパティは、現在のビューポートを確立した SVGElement を表します。 多くの場合、最も近い祖先の svg 要素。 指定された要素が最も外側の要素の場合は null。
1
12
1.5
3
18
1
SVGEllipseElement

SVGEllipseElement インターフェイスは、楕円要素のプロパティへのアクセスを提供します。
1
12
1.5
3
18
1
cx

SVGEllipseElement インターフェイスの cx 読み取り専用プロパティは、楕円の中心の x 軸座標を SVGAnimatedLength として記述します。 これは、楕円要素の cx 属性の計算値を反映します。
1
12
1.5
3
18
1
cy

SVGEllipseElement インターフェイスの cy 読み取り専用プロパティは、楕円の中心の y 軸座標を SVGAnimatedLength として記述します。 これは、楕円要素の cy 属性の計算値を反映します。
1
12
1.5
3
18
1
rx

SVGEllipseElement インターフェイスの rx 読み取り専用プロパティは、楕円の x 軸の半径を SVGAnimatedLength として記述します。 これは、楕円要素の rx 属性の計算値を反映します。
1
12
1.5
3
18
1
ry

SVGEllipseElement インターフェイスの ry 読み取り専用プロパティは、楕円の y 軸半径を SVGAnimatedLength として記述します。 これは、楕円要素の ry 属性の計算値を反映します。
1
12
1.5
3
18
1
SVGForeignObjectElement

SVGForeignObjectElement インターフェイスは、foreignObject 要素のプロパティや、操作するためのメソッドへのアクセス手段を提供します。
1
12
3
3
18
1
height

height は SVGForeignObjectElement インターフェイスの読み取り専用プロパティで、この 要素の高さを記述します。これは、foreignObject 要素の height 属性の計算値を反映します。
1
12
3
3.1
18
2
width

width は SVGForeignObjectElement インターフェイスの読み取り専用プロパティで、この 要素の幅を記述します。これは、foreignObject 要素の width 属性の計算値を反映します。
1
12
3
3.1
18
2
x

x は SVGForeignObjectElement インターフェイスの読み取り専用プロパティで、この 要素の x 軸座標を記述します。これは、foreignObject 要素の x 属性の計算値を反映します。
1
12
3
3.1
18
2
y

y は SVGForeignObjectElement インターフェイスの読み取り専用プロパティで、この 要素の y 軸座標を記述します。これは、foreignObject 要素の y 属性の計算値を反映します。
1
12
3
3.1
18
2
SVGGElement

SVGGElement インターフェイスは g 要素に対応します。
1
12
1.5
3
18
1
SVGGeometryElement

SVGGeometryElement インターフェイスは、同等のパスによる幾何形状によってレンダリングが定義され、塗りつぶしやストロークが可能な SVG 要素を表します。これには、パスおよび基本的な図形が含まれます。
56
79
53
12
56
12
getPointAtLength

SVGGeometryElement.getPointAtLength() メソッドは、パスに沿って指定された距離にある点を返します。
56
79
61
12
56
12
getTotalLength

SVGGeometryElement.getTotalLength() メソッドは、ユーザーエージェントが計算したパスの全長をユーザー単位で返します。
56
79
61
12
56
12
isPointInFill

isPointInFill() メソッドは、指定された点が要素の塗りつぶし図形内に存在するかどうかを判定します。point 引数は、要素のローカル座標系における点として解釈されます。
33
79
69
12
33
12
isPointInFill (point parameter DOMPoint)

「DOMPoint」を「point」パラメータとして受け入れます
136
136
69
12
136
12
isPointInStroke

isPointInStroke() は SVGGeometryElement インターフェイスのメソッドで、 インターフェイスの isPointInStroke() メソッドは、指定された点が要素のストローク図形内にあるかどうかを判断します。 point 引数は、要素のローカル座標系における点として解釈されます。
33
79
69
12
33
12
isPointInStroke (point parameter DOMPoint)

「DOMPoint」を「point」パラメータとして受け入れます
136
136
69
12
136
12
pathLength

SVGGeometryElement.pathLength プロパティは、 pathLength 属性を反映し、パス全体の長さをユーザー単位で返します。
57
79
61
12
57
12
SVGGradientElement

SVGGradient インターフェイスは、SVGLinearGradientElement および SVGRadialGradientElement で使用される基本インターフェイスです。
1
12
1.5
3
18
1
gradientTransform

gradientTransform は SVGGradientElement インターフェイスの読み取り専用プロパティで、この要素の gradientTransform 属性を反映します。
1
12
1.5
3
18
1
gradientUnits

gradientUnits は SVGGradientElement インターフェイスの読み取り専用プロパティで、この要素の gradientUnits 属性を反映します。これは SVGUnitTypes で定義されている定数 SVGUNITTYPE_* のいずれかを取ります。
1
12
1.5
3
18
1
href

href は SVGGradientElement インターフェイスの読み取り専用プロパティで、この要素の href または xlink:href 属性を反映します。
1
12
2
3
18
1
spreadMethod

spreadMethod は SVGGradientElement インターフェイスの読み取り専用プロパティで、この要素の spreadMethod 属性を反映します。これは、このインターフェイスで定義された SVGSPREADMETHOD* 定数のいずれかを取ります。
1
12
1.5
3
18
1
SVGGraphicsElement

SVGGraphicsElement インターフェイスは、直接グループにグラフィックを描画することを主な目的とした SVG 要素を表します。
30
12
20
7
30
7
getBBox

SVGGraphicsElement.getBBox() で、オブジェクトが収まる最小の矩形の座標を特定することができます。返される座標は、現在の SVG 空間、すなわち対象の要素に含まれる位置に関する属性すべてを適用した後の空間に従います。
1
12
1.5
3
18
1
getCTM

SVGGraphicsElement インターフェイスの getCTM() メソッドは、現在の要素の座標系を SVG ビューポートの座標系に変換する行列を表します。
1
12
1.5
3
18
1
getScreenCTM

SVGGraphicsElement インターフェイスの getScreenCTM() メソッドは、現在の要素の座標系を SVG ドキュメント フラグメントの SVG ビューポートの座標系に変換する行列を表します。
1
12
1.5
3
18
1
requiredExtensions

SVGGraphicsElement インターフェイスの requiredExtensions 読み取り専用プロパティは、指定された要素の requiredExtensions 属性を反映します。
1
12
12
3
18
1
systemLanguage

SVGGraphicsElement インターフェイスの systemLanguage 読み取り専用プロパティは、指定された要素の systemLanguage 属性を反映します。
1
12
12
3
18
1
transform

SVGGraphicsElement インターフェイスの読み取り専用変換プロパティは、指定された要素の変換プロパティとそれに対応する変換属性の計算値を反映します。
1
12
1.5
3
18
1
SVGImageElement

SVGImageElement インターフェースは画像要素に対応します。
1
12
1.5
3
18
1
crossOrigin

SVGImageElement インターフェイスのcrossOrigin プロパティは、画像を取得するときに使用する Cross-Origin Resource Sharing (CORS) 設定を指定する文字列です。 これは、指定された画像要素のcrossoriginコンテンツ属性を反映します。
118
118
114
17.2
118
17.2
decode

SVGImageElement インターフェイスの decode() メソッドは、画像の非同期デコードを開始し、画像がデコードされ、DOM に安全に追加されると解決される Promise を返します。
64
79
68
18.4
64
18.4
decoding

SVGImageElement インターフェイスの decoding プロパティは、画像のデコードを同期的に実行するか非同期的に実行するかに関するヒントをブラウザーに提供します。
65
79
63
65
height

SVGImageElement インターフェイスの高さ読み取り専用プロパティは、指定された画像要素の高さ属性に対応する SVGAnimatedLength を返します。
1
12
1.5
3
18
1
href

SVGImageElement インターフェイスの href 読み取り専用プロパティは、指定された画像要素の href または xlink:href 属性を反映します。
1
12
1.5
3
18
1
preserveAspectRatio

SVGImageElement インターフェイスのpreserveAspectRatio 読み取り専用プロパティは、指定された画像要素のpreserveAspectRatio 属性に対応する SVGAnimatedPreserveAspectRatio を返します。
1
12
1.5
3
18
1
width

SVGImageElement インターフェイスの width 読み取り専用プロパティは、指定された画像要素の width 属性に対応する SVGAnimatedLength を返します。
1
12
1.5
3
18
1
x

SVGImageElement インターフェイスの x 読み取り専用プロパティは、指定された画像要素の x 属性に対応する SVGAnimatedLength を返します。
1
12
1.5
3
18
1
y

SVGImageElement インターフェイスの y 読み取り専用プロパティは、指定された画像要素の y 属性に対応する SVGAnimatedLength を返します。
1
12
1.5
3
18
1
SVGLength

SVGLength インターフェイスは、\ 基本データ型に対応します。
1
12
1.5
3
18
1
convertToSpecifiedUnits

convertToSpecifiedUnits() は SVGLength インターフェイスのメソッドで、長さの値を指定した単位型に変換することができます。
1
12
1.5
3
18
1
newValueSpecifiedUnits

newValueSpecifiedUnits() は SVGLength インターフェイスのメソッドで、関連付けられた SVGLength.unitType を持つ数値に値を設定し、それによってオブジェクト上のすべての属性の値を置き換えます。
1
12
1.5
3
18
1
unitType

unitType は SVGLength インターフェイスのプロパティで、このインターフェイスで定義されている SVGLENGTHTYPE* 定数のいずれかを指定することで値の型を表します。
1
12
1.5
3
18
1
value

value は SVGLength インターフェイスのプロパティで、ユーザー単位における \ の浮動小数点値を度単位で表します。
1
12
1.5
3
18
1
valueAsString

valueAsString は SVGLength インターフェイスのプロパティで、 SVGLength.unitType で表された単位での \ の値を文字列として表します。
1
12
1.5
3
18
1
valueInSpecifiedUnits

valueInSpecifiedUnits は SVGLength インターフェイスのプロパティで、 SVGLength.unitType で表現される単位で、浮動小数点の値を表します。
1
12
1.5
3
18
1
SVGLengthList

SVGLengthList インターフェイスは、 オブジェクトのリストを定義します。これは、 SVGAnimatedLengthList の SVGAnimatedLengthList.baseVal および SVGAnimatedLengthList.animVal プロパティで使用します。
1
12
1.5
3
18
1
appendItem

appendItem() は SVGLengthList インターフェイスのメソッドで、リストの末尾に新しいアイテムを追加します。指定されたアイテムがすでにリストに存在する場合は、このリストに追加する前に、以前のリストから除去します。追加されたアイテムはアイテムそのものであり、コピーではありません。
1
12
1.5
3
18
1
clear

clear() は SVGLengthList インターフェイスのメソッドで、リストから既存のアイテムをすべてクリアし、リストを空にします。
1
12
1.5
3
18
1
getItem

getItem() は SVGLengthList インターフェイスのメソッドで、リストから指定されたアイテムを返します。返されるアイテムはアイテムそのものであり、コピーされるわけではありません。アイテムに加えられた変更は即座にリストに反映されます。最初のアイテムはインデックス 0 です。
1
12
1.5
3
18
1
initialize

initialize() は SVGLengthList インターフェイスのメソッドで、リストから既存のアイテムをすべて除去し、引数で指定された単一のアイテムを保持するようリストを再初期化します。追加されるアイテムがすでにリストに存在する場合は、このリストに追加される前に、前のリストから削除されます。追加されたアイテムはアイテムそのものであり、コピーされることはありません。返値は、リストに追加されたアイテムです。
1
12
1.5
3
18
1
insertItemBefore

insertItemBefore() は SVGLengthList インターフェイスのメソッドで、指定した位置に新しいアイテムをリストに挿入します。最初のアイテムのインデックスは 0 です。挿入されるアイテムはアイテムそのものであり、コピーではありません。
1
12
1.5
3
18
1
length

length は SVGLengthList インターフェイスのプロパティで、リスト内のアイテム数を返します。これは、 SVGLengthList.numberOfItems の別名であり、 SVG のリストをより配列風にするためのものです。
35
79
5
13.1
35
13.4
numberOfItems

numberOfItems は SVGLengthList インターフェイスのプロパティで、リスト内のアイテム数を返します。 SVGLengthList.length はこの別名です。
1
12
1.5
3
18
1
removeItem

removeItem() は SVGLengthList インターフェイスのメソッドで、指定された位置にある既存のアイテムをリストから除去します。
1
12
1.5
3
18
1
replaceItem

replaceItem() は SVGLengthList インターフェイスのメソッドで、リスト内の既存のアイテムを新しいアイテムに置き換えます。新しいアイテムがすでにリスト内に存在する場合は、このリストに挿入される前に、以前のリストから除去されます。挿入されるアイテムはアイテムそのものであり、コピーではありません。アイテムがすでにこのリスト内に存在する場合は、置き換えられるアイテムのインデックスは、アイテムが除去される前であることに注意してください。
1
12
1.5
3
18
1
SVGLinearGradientElement

SVGLinearGradientElement インターフェイスは linearGradient 要素に対応します。
1
12
1.5
3
18
1
x1

x1 は SVGLinearGradientElement インターフェイスの読み取り専用プロパティで、グラデーションの始点の X 軸座標を SVGAnimatedLength として記述します。これは、linearGradient 要素の x1 属性の計算値を反映します。
1
12
1.5
3
18
1
x2

x2 は SVGLinearGradientElement インターフェイスの読み取り専用プロパティで、グラデーションの始点の X 軸座標を SVGAnimatedLength として記述します。これは、linearGradient 要素の x2 属性の計算値を反映します。
1
12
1.5
3
18
1
y1

y1 は SVGLinearGradientElement インターフェイスの読み取り専用プロパティで、グラデーションの始点の Y 軸座標を SVGAnimatedLength として記述します。これは、linearGradient 要素の y1 属性の計算値を反映します。
1
12
1.5
3
18
1
y2

y2 は SVGLinearGradientElement インターフェイスの読み取り専用プロパティで、グラデーションの始点の Y 軸座標を SVGAnimatedLength として記述します。これは、linearGradient 要素の y2 属性の計算値を反映します。
1
12
1.5
3
18
1
SVGLineElement

SVGLineElement インターフェイスは 要素のプロパティへのアクセス手段や、操作を行うメソッドを提供します。
1
12
1.5
3
18
1
x1

x1 は SVGLineElement インターフェイスの読み取り専用プロパティで、SVG の線の始点の X 軸座標を SVGAnimatedLength として記述します。これは、line 要素の x1 属性の計算値を反映します。
1
12
1.5
3
18
1
x2

x2 は SVGLineElement インターフェイスの読み取り専用プロパティで、線の終点の X 軸座標値を SVGAnimatedLength として記述します。これは、line 要素の x2 属性の計算値を反映します。
1
12
1.5
3
18
1
y1

y1 は SVGLineElement インターフェイスの読み取り専用プロパティで、SVG の線の始点の Y 軸座標を SVGAnimatedLength として記述します。これは、line 要素の y1 属性の計算値を反映します。
1
12
1.5
3
18
1
y2

y2 は SVGLineElement インターフェイスの読み取り専用プロパティで、線の終点の Y 軸座標値を SVGAnimatedLength として記述します。これは、line 要素の y2 属性の計算値を反映します。
1
12
1.5
3
18
1
SVGMarkerElement

SVGMarkerElement インターフェイスは、マーカー要素のプロパティへのアクセスと、マーカー要素を操作するメソッドを提供します。 マーカー要素は、形状上にマークを描画するために使用されるグラフィックスを定義します。
1
12
1.5
3
18
1
markerHeight

SVGMarkerElement インターフェイスの markerHeight 読み取り専用プロパティは、markHeight 属性で定義されたマーカー ビューポートの高さを含む SVGAnimatedLength オブジェクトを返します。
1
12
1.5
3
18
1
markerUnits

SVGMarkerElement インターフェイスの markerUnits 読み取り専用プロパティは、SVGAnimatedEnumeration オブジェクトを返します。 このオブジェクトは、markerUnits 属性が受け入れるキーワード値を表す整数を返します。
1
12
1.5
3
18
1
markerWidth

SVGMarkerElement インターフェイスの markerWidth 読み取り専用プロパティは、markWidth 属性で定義されたマーカー ビューポートの幅を含む SVGAnimatedLength オブジェクトを返します。
1
12
1.5
3
18
1
orient

SVGMarkerElement インターフェイスの orient プロパティは、マーカーが形状上の位置に配置されたときにどのように回転するかを定義します。 対応するマーカー要素の orient 属性値を反映します。
13.1
13.4
orientAngle

SVGMarkerElement インターフェイスの orientAngle 読み取り専用プロパティは、orient 属性の角度を含む SVGAnimatedAngle オブジェクトを返します。
1
12
1.5
3
18
1
orientType

SVGMarkerElement インターフェイスの orientType 読み取り専用プロパティは、orient 属性が auto、角度値、またはその他のものであるかどうかを示す SVGAnimatedEnumeration オブジェクトを返します。
1
12
1.5
3
18
1
preserveAspectRatio

SVGMarkerElement インターフェイスのpreserveAspectRatio 読み取り専用プロパティは、マーカーのpreserveAspectRatio 属性の値を含む SVGAnimatedPreserveAspectRatio オブジェクトを返します。
1
12
2
3
18
1
refX

SVGMarkerElement インターフェイスの refX 読み取り専用プロパティは、マーカーの refX 属性の値を含む SVGAnimatedLength オブジェクトを返します。
1
12
1.5
3
18
1
refY

SVGMarkerElement インターフェイスの refY 読み取り専用プロパティは、マーカーの refY 属性の値を含む SVGAnimatedLength オブジェクトを返します。
1
12
1.5
3
18
1
setOrientToAngle

SVGMarkerElement インターフェイスの setOrientToAngle() メソッドは、orient 属性の値を、渡された SVGAngle の値に設定します。
1
12
1.5
3
18
1
setOrientToAuto

SVGMarkerElement インターフェイスの setOrientToAuto() メソッドは、orient 属性の値を auto に設定します。
1
12
1.5
3
18
1
viewBox

SVGMarkerElement インターフェイスの viewBox 読み取り専用プロパティは、マーカーの viewBox 属性によって設定された値を含む SVGAnimatedRect オブジェクトを返します。
1
12
2
3
18
1
SVGMaskElement

SVGMaskElement インターフェイスは、 mask 要素のプロパティへのアクセス、およびそれらを操作するためのメソッドを提供します。
1
12
3
3
18
1
height

height は SVGMaskElement インターフェイスの読み取り専用プロパティで、 SVGAnimatedLength オブジェクトとして mask 要素の height 属性の値を返します。
1
12
3
3
18
1
maskContentUnits

maskContentUnits は SVGMaskElement インターフェイスの読み取り専用プロパティで、 maskContentUnits 属性を反映します。これは mask 要素のコンテンツに使用する座標系を示します。
1
12
3
3.1
18
2
maskUnits

maskUnits は SVGMaskElement インターフェイスの読み取り専用プロパティで、要素のマスクに使用する座標系を定義する mask 要素の maskUnits 属性を反映します。
1
12
3
3.1
18
2
width

width は SVGMaskElement インターフェイスの読み取り専用プロパティで、 SVGAnimatedLength オブジェクトとして mask 要素の width 属性の値を返します。
1
12
3
3
18
1
x

x は SVGMaskElement インターフェイスの読み取り専用プロパティで、 mask の x 属性の値を含む SVGAnimatedLength オブジェクトを返します。これは、マスク領域の左上隅の X 軸座標を表します。
1
12
3
3
18
1
y

y は SVGMaskElement インターフェイスの読み取り専用プロパティで、 mask の y 属性の値を含む SVGAnimatedLength オブジェクトを返します。これは、マスク領域の左上隅の Y 軸座標を表します。
1
12
3
3
18
1
SVGMetadataElement

SVGMetadataElement インターフェイスはメタデータ要素に対応します。
1
12
1.5
3
18
1
SVGMPathElement

SVGMPathElement インターフェイスは、mpath 要素に対応します。
19
79
4
6
25
6
href

SVGMPathElement インターフェイスの href 読み取り専用プロパティは、指定された mpath 要素の href または xlink:href 属性を反映します。
19
79
4
6
25
6
SVGNumber

SVGNumber インターフェイスは、&lt;number&gt; 基本データ型に対応します。
1
12
1.5
3
18
1
value

value は SVGNumber インターフェイスの読み取り専用プロパティで、数値を表します。
1
12
1.5
3
18
1
SVGNumberList

SVGNumberList インターフェイスは、数値のリストを定義します。
6
12
1.5
5
18
4
appendItem

appendItem() は SVGNumberList インターフェイスのメソッドで、リストの末尾に新しいアイテムを追加します。指定されたアイテムがすでにリストに存在する場合は、このリストに追加する前に、以前のリストから除去します。追加されたアイテムはアイテムそのものであり、コピーではありません。
6
12
3
6
18
6
clear

clear() は SVGNumberList インターフェイスのメソッドで、リストから既存のアイテムをすべてクリアし、リストを空にします。
6
12
3
6
18
6
getItem

getItem() は SVGNumberList インターフェイスのメソッドで、リストから指定されたアイテムを返します。返されるアイテムはアイテムそのものであり、コピーされるわけではありません。アイテムに加えられた変更は即座にリストに反映されます。最初のアイテムはインデックス 0 です。
6
12
3
6
18
6
initialize

initialize() は SVGNumberList インターフェイスのメソッドで、リストから既存のアイテムをすべて除去し、引数で指定された単一のアイテムを保持するようリストを再初期化します。追加されるアイテムがすでにリストに存在する場合は、このリストに追加される前に、前のリストから削除されます。追加されたアイテムはアイテムそのものであり、コピーされることはありません。返値は、リストに追加されたアイテムです。
6
12
3
6
18
6
insertItemBefore

insertItemBefore() は SVGNumberList インターフェイスのメソッドで、指定した位置に新しいアイテムをリストに挿入します。最初のアイテムのインデックスは 0 です。挿入されるアイテムはアイテムそのものであり、コピーではありません。
6
12
3
6
18
6
length

length は SVGNumberList インターフェイスのプロパティで、リスト内のアイテム数を返します。これは、 SVGNumberList.numberOfItems の別名であり、 SVG のリストをより配列風にするためのものです。
35
79
5
13.1
35
13.4
numberOfItems

numberOfItems は SVGNumberList インターフェイスのプロパティで、リスト内のアイテム数を返します。 SVGNumberList.length はこの別名です。
6
12
3
6
18
6
removeItem

removeItem() は SVGNumberList インターフェイスのメソッドで、指定された位置にある既存のアイテムをリストから除去します。
6
12
3
6
18
6
replaceItem

replaceItem() は SVGNumberList インターフェイスのメソッドで、リスト内の既存のアイテムを新しいアイテムに置き換えます。新しいアイテムがすでにリスト内に存在する場合は、このリストに挿入される前に、以前のリストから除去されます。挿入されるアイテムはアイテムそのものであり、コピーではありません。アイテムがすでにこのリスト内に存在する場合は、置き換えられるアイテムのインデックスは、アイテムが除去される前であることに注意してください。
6
12
3
6
18
6
SVGPathElement

SVGPathElement インターフェイスは path 要素に対応します。
1
12
1.5
3
18
1
SVGPatternElement

SVGPatternElement インターフェイスはパターン要素に対応します。
1
12
3
3
18
1
height

SVGPatternElement インターフェイスの高さ読み取り専用プロパティは、パターンの高さを SVGAnimatedLength として記述します。 これは、パターン要素の高さ属性の計算値を反映します。
1
12
3
3
18
1
href

SVGPatternElement インターフェイスの href 読み取り専用プロパティは、指定された要素の href または xlink:href 属性を反映します。
1
12
3
3
18
1
patternContentUnits

SVGPatternElement インターフェイスの patternContentUnits 読み取り専用プロパティは、指定されたパターン要素の patternContentUnits 属性を反映します。 パターン コンテンツの座標系を指定し、SVGUnitTypes で定義された定数の 1 つを受け取ります。
1
12
3
3
18
1
patternTransform

SVGPatternElement インターフェイスの patternTransform 読み取り専用プロパティは、指定されたパターン要素の patternTransform 属性を反映します。 このプロパティはパターン自体に適用される変換を保持し、移動、回転、拡大縮小、傾斜などの操作を可能にします。
1
12
3
3
18
1
patternUnits

SVGPatternElement インターフェイスの patternUnits 読み取り専用プロパティは、指定されたパターン要素の patternUnits 属性を反映します。 パターン コンテンツの座標系を指定し、SVGUnitTypes で定義された定数の 1 つを受け取ります。
1
12
3
3
18
1
preserveAspectRatio

SVGPatternElement インターフェイスのpreserveAspectRatio 読み取り専用プロパティは、指定された要素のpreserveAspectRatio 属性を反映します。 アスペクト比を維持しながら、パターンのコンテンツを特定のスペースに合わせて拡大縮小する方法を定義します。
1
12
3
3
18
1
viewBox

SVGPatternElement インターフェイスの viewBox 読み取り専用プロパティは、指定された要素の viewBox 属性を反映します。 これは、パターンの viewBox に使用される領域を定義する x、y、幅、および高さの値を表します。
1
12
3
3
18
1
width

SVGPatternElement インターフェイスの幅読み取り専用プロパティは、パターンの幅を SVGAnimatedLength として記述します。 これは、パターン要素の width 属性の計算値を反映します。
1
12
3
3
18
1
x

SVGPatternElement インターフェイスの x 読み取り専用プロパティは、パターンの開始点の x 軸座標を SVGAnimatedLength として記述します。 これは、パターン要素の x 属性の計算値を反映します。
1
12
3
3
18
1
y

SVGPatternElement インターフェイスの y 読み取り専用プロパティは、パターンの開始点の y 軸座標を SVGAnimatedLength として記述します。 これは、パターン要素の y 属性の計算値を反映します。
1
12
3
3
18
1
SVGPointList

SVGPointList インターフェイスは、 SVGPoint オブジェクトのリストを表します。
1
12
1.5
3
18
1
appendItem

appendItem() は SVGPointList インターフェイスのメソッドで、リストの末尾にSVGPointを追加します。
1
12
1.5
3
18
1
clear

clear() は SVGLengthList インターフェイスのメソッドで、リストからすべてのアイテムを除去します。
1
12
1.5
3
18
1
getItem

getItem() は SVGPointList インターフェイスのメソッドで、リストから指定した位置のアイテムを取得します。
1
12
1.5
3
18
1
initialize

initialize() は SVGPointList インターフェイスのメソッドで、リストをクリアしてから、新しい SVGPoint オブジェクトをリストへ追加します。
1
12
1.5
3
18
1
insertItemBefore

insertItemBefore() は SVGPointList インターフェイスのメソッドで、SVGPointをリスト内の他のアイテムの前に挿入します。
1
12
1.5
3
18
1
length

length は SVGPointList インターフェイスのプロパティで、リスト内のアイテム数を返します。
35
79
5
13.1
35
13.4
numberOfItems

numberOfItems は SVGPointList インターフェイスの読み取り専用プロパティで、リスト内のアイテム数を返します。
1
12
1.5
3
18
1
removeItem

removeItem() は SVGPointList インターフェイスのメソッドで、このリストからSVGPointを除去します。
1
12
1.5
3
18
1
replaceItem

replaceItem() は SVGPointList インターフェイスのメソッドで、リスト内のSVGPointを置き換えます。
1
12
1.5
3
18
1
SVGPolygonElement

SVGPolygonElement インターフェイスは、polygon 要素のプロパティへのアクセス機能に加え、それらを操作するためのメソッドを提供します。
1
12
1.5
3
18
1
points

points は SVGPolygonElement インターフェイスの読み取り専用プロパティで、この要素の points 属性のベース値（つまり静的な値）を反映しています。 SVGPointList オブジェクトを介して行われた変更は points 属性に反映され、その逆も同様です。
1
12
1.5
3
18
1
SVGPolylineElement

SVGPolylineElement インターフェイスは、ポリライン要素のプロパティへのアクセスと、それらを操作するメソッドを提供します。
1
12
1.5
3
18
1
points

SVGPolylineElement インターフェイスの Points 読み取り専用プロパティは、要素の Points 属性の基本 (つまり静的) 値を反映します。 SVGPointList オブジェクトによる変更は Points 属性に反映され、その逆も同様です。
1
12
1.5
3
18
1
SVGPreserveAspectRatio

SVGPreserveAspectRatio インターフェイスは、一部の SVG 要素で利用できる 属性に対応します。
1
12
1.5
3
18
1
align

align は SVGPreserveAspectRatio インターフェイスの読み取り専用プロパティで、このインターフェイスで定義された SVGPRESERVEASPECTRATIO* 定数のいずれかで指定された配置の値の種類を反映します。
1
12
1.5
3
18
1
meetOrSlice

meetOrSlice は SVGPreserveAspectRatio インターフェイスの読み取り専用プロパティで、このインターフェイスで定義された SVGMEETORSLICE* 定数のいずれかで指定された配置の値の種類を反映します。
1
12
1.5
3
18
1
SVGRadialGradientElement

SVGRadialGradientElement インターフェイスは、RadialGradient 要素に対応します。
1
12
1.5
3
18
1
cx

SVGRadialGradientElement インターフェイスの cx 読み取り専用プロパティは、放射状グラデーションの中心の x 軸座標を SVGAnimatedLength として記述します。 これは、radialGradient 要素の cx 属性の計算値を反映します。
1
12
1.5
3
18
1
cy

SVGRadialGradientElement インターフェイスの cy 読み取り専用プロパティは、放射状グラデーションの中心の y 軸座標を SVGAnimatedLength として記述します。 これは、radialGradient 要素の cy 属性の計算値を反映します。
1
12
1.5
3
18
1
fr

SVGRadialGradientElement インターフェイスの fr 読み取り専用プロパティは、放射状グラデーションの焦点円の半径を SVGAnimatedLength として記述します。 これは、radialGradient 要素の fr 属性の計算値を反映します。
24
79
55
7
25
7
fx

SVGRadialGradientElement インターフェイスの fx 読み取り専用プロパティは、放射状グラデーションの焦点の x 軸座標を SVGAnimatedLength として記述します。 これは、radialGradient 要素の fx 属性の計算値を反映します。
1
12
1.5
3
18
1
fy

SVGRadialGradientElement インターフェイスの fy 読み取り専用プロパティは、放射状グラデーションの焦点の y 軸座標を SVGAnimatedLength として記述します。 これは、radialGradient 要素の fy 属性の計算値を反映します。
1
12
1.5
3
18
1
r

SVGRadialGradientElement インターフェイスの r 読み取り専用プロパティは、放射状グラデーションの半径を SVGAnimatedLength として記述します。 これは、radialGradient 要素の r 属性の計算値を反映します。
1
12
1.5
3
18
1
SVGRect

SVGRect は、 DOMRect の別名であり、長方形を表します。長方形は、最小の x の値と最小の y の値を特定する x と y の座標の対と、 width と、 height から構成されており、これらは、非負であるものと考えられます。
1
12
1.5
3
18
1
height

height は SVGRect インターフェイスのプロパティで、 DOMRect.height プロパティの別名です。要素の垂直方向のサイズを記述します。これは SVG 要素の height属性と CSS の height プロパティを反映します。
1
12
1.5
3
18
1
width

width は SVGRect インターフェイスのプロパティで、 DOMRect.width プロパティの別名です。要素の水平方向のサイズを記述します。これは SVG 要素の width属性と CSS の width プロパティを反映します。
1
12
1.5
3
18
1
x

x プロパティは、要素の位置の水平座標を記述します。
1
12
1.5
3
18
1
y

y は SVGRect インターフェイスのプロパティで、 DOMRect.y プロパティの別名です。要素の位置の垂直方向の座標を記述します。これは SVG 要素の y属性と CSS の y プロパティを反映します。
1
12
1.5
3
18
1
SVGRectElement

SVGRectElement インターフェイスは、 rect 要素のプロパティへのアクセス、およびそれらを操作するメソッドを提供します。
1
12
1.5
3
18
1
height

height は SVGRectElement インターフェイスの読み取り専用のプロパティで、 SVG 矩形の垂直方向のサイズを SVGAnimatedLength として表します。長さは、y 軸方向のユーザー座標系の単位で表されます。構文は、 と同じです。
1
12
1.5
3
18
1
rx

rx は SVGRectElement インターフェイスの読み取り専用のプロパティで、 SVG 矩形の角の曲線部分の水平方向の大きさを SVGAnimatedLength として表します。長さは、x 軸方向のユーザー座標系の単位で表されます。構文は、 と同じです。
1
12
1.5
4
18
3.2
ry

ry は SVGRectElement インターフェイスの読み取り専用のプロパティで、 SVG 矩形の角の曲線部分の垂直方向の大きさを SVGAnimatedLength として表します。長さは、y 軸方向のユーザー座標系の単位で表されます。構文は、 と同じです。
1
12
1.5
4
18
3.2
width

width は SVGRectElement インターフェイスの読み取り専用のプロパティで、 SVG 矩形の水平方向のサイズを SVGAnimatedLength として表します。長さは、x 軸方向のユーザー座標系の単位で表されます。構文は、 と同じです。
1
12
1.5
3
18
1
x

x は SVGRectElement インターフェイスの読み取り専用のプロパティで、 SVG 矩形の位置の水平座標を SVGAnimatedLength として表します。 は、ユーザー座標系で原点からの x 軸方向の距離です。構文は、 と同じです。
1
12
1.5
3
18
1
y

y は SVGRectElement インターフェイスの読み取り専用のプロパティで、 SVG 矩形の位置の垂直座標を SVGAnimatedLength として表します。 は、ユーザー座標系で原点からの y 軸方向の距離です。構文は、 と同じです。
1
12
1.5
3
18
1
SVGScriptElement

SVGScriptElement インターフェイスは、SVG スクリプト要素に対応します。
1
12
1.5
3
18
1
async
142
142
117
26.2
142
26.2
crossOrigin
14
defer
実験的
117
href

SVGScriptElement インターフェイスの href 読み取り専用プロパティは、指定されたスクリプト要素の href または xlink:href 属性を反映します。
1
12
1.5
3
18
1
type

SVGScriptElement インターフェイスの type 読み取り専用プロパティは、指定されたスクリプト要素の type 属性を反映します。
1
12
1.5
3
18
1
SVGSetElement

SVGSetElement インターフェースが set 要素に対応します。
2
79
4
3
18
1
SVGStopElement

SVGStopElement インターフェイスは stop 要素に対応します。
1
12
1.5
3
18
1
offset

SVGStopElement インターフェイスの offset 読み取り専用プロパティは、指定された stop 要素の offset 属性を反映します。
1
12
1.5
3
18
1
SVGStringList

SVGStringList インターフェイスは、文字列のリストを定義します。
1
12
12
3
18
1
appendItem

appendItem() は SVGStringList インターフェイスのメソッドで、リストの末尾に新しいアイテムを追加します。指定されたアイテムがすでにリストに存在する場合は、このリストに追加する前に、以前のリストから除去します。追加されたアイテムはアイテムそのものであり、コピーではありません。
1
12
12
3
18
1
clear

clear() は SVGStringList インターフェイスのメソッドで、リストから既存のアイテムをすべてクリアし、リストを空にします。
1
12
12
3
18
1
getItem

getItem() は SVGLengthList インターフェイスのメソッドで、リストから指定されたアイテムを返します。返されるアイテムはアイテムそのものであり、コピーされるわけではありません。アイテムに加えられた変更は即座にリストに反映されます。最初のアイテムはインデックス 0 です。
1
12
12
3
18
1
initialize

initialize() は SVGStringList インターフェイスのメソッドで、リストから既存のアイテムをすべて除去し、引数で指定された単一のアイテムを保持するようリストを再初期化します。追加されるアイテムがすでにリストに存在する場合は、このリストに追加される前に、前のリストから削除されます。追加されたアイテムはアイテムそのものであり、コピーされることはありません。返値は、リストに追加されたアイテムです。
1
12
12
3
18
1
insertItemBefore

insertItemBefore() は SVGStringList インターフェイスのメソッドで、指定した位置に新しいアイテムをリストに挿入します。最初のアイテムのインデックスは 0 です。挿入されるアイテムはアイテムそのものであり、コピーではありません。
1
12
12
3
18
1
length

length は SVGStringList インターフェイスのプロパティで、リスト内のアイテム数を返します。これは、 SVGStringList.numberOfItems の別名であり、 SVG のリストをより配列風にするためのものです。
35
79
12
13.1
35
13.4
numberOfItems

numberOfItems は SVGStringList インターフェイスのプロパティで、リスト内のアイテム数を返します。 SVGStringList.length はこの別名です。
1
12
12
3
18
1
removeItem

removeItem() は SVGStringList インターフェイスのメソッドで、指定された位置にある既存のアイテムをリストから除去します。
1
12
12
3
18
1
replaceItem

replaceItem() は SVGStringList インターフェイスのメソッドで、リスト内の既存のアイテムを新しいアイテムに置き換えます。挿入されるアイテムはアイテムそのものであり、コピーではありません。
1
12
12
3
18
1
SVGStyleElement

SVGStyleElement インターフェイスは、SVG スタイル要素に対応します。
1
12
1.5
3
18
1
disabled

SVGStyleElement.disabled プロパティを使用すると、スタイルシートが無効か (true)、無効か (false) を取得および設定できます。
45
79
104
6
45
6
media

SVGStyleElement.media プロパティは、指定された SVG スタイル要素のメディア属性に対応するメディア クエリ文字列です。
1
12
1.5
3
18
1
sheet

SVGStyleElement.sheet 読み取り専用プロパティは、指定された SVG スタイル要素に対応する CSSStyleSheet を返します。存在しない場合は null を返します。
38
12
1.5
16.4
38
16.4
title

SVGStyleElement.title プロパティは、指定された SVG スタイル要素の title 属性に対応する文字列です。 代替スタイル シートを選択するために使用できます。
1
12
1.5
3
18
1
SVGSVGElement

SVGSVGElement インターフェイスは、 svg 要素のプロパティへのアクセスと、それらを操作するためのメソッドを提供します。このインターフェイスには、行列演算や視覚的レンダリングデバイス上での再描画タイミングの制御など、一般的に使用される様々なユーティリティメソッドも含まれています。
1
12
1.5
3
18
1
checkEnclosure

SVGSVGElement インターフェイスの checkEnclosure() メソッドは、指定された要素のレンダリングされたコンテンツが、指定された四角形内に完全に含まれているかどうかをチェックします。
1
12
1.5
3
18
1
checkIntersection

SVGSVGElement インターフェイスの checkIntersection() メソッドは、指定された要素のレンダリングされたコンテンツが指定された四角形と交差するかどうかをチェックします。
1
12
1.5
3
18
1
createSVGAngle

SVGSVGElement インターフェイスの createSVGAngle() メソッドは、ドキュメント ツリーの外側に SVGAngle オブジェクトを作成します。
1
12
1.5
3
18
1
createSVGLength

SVGSVGElement インターフェイスの createSVGLength() メソッドは、ドキュメント ツリーの外側に SVGLength オブジェクトを作成します。
1
12
1.5
3
18
1
createSVGMatrix

SVGSVGElement インターフェイスの createSVGMatrix() メソッドは、ドキュメント ツリーの外側に DOMMatrix オブジェクトを作成します。
1
12
1.5
3
18
1
createSVGNumber

SVGSVGElement インターフェイスの createSVGNumber() メソッドは、ドキュメント ツリーの外側に SVGNumber オブジェクトを作成します。
1
12
1.5
3
18
1
createSVGPoint

SVGSVGElement インターフェイスの createSVGPoint() メソッドは、ドキュメント ツリーの外側に DOMPoint オブジェクトを作成します。
1
12
1.5
3
18
1
createSVGRect

SVGSVGElement インターフェイスの createSVGRect() メソッドは、ドキュメント ツリーの外側に DOMRect オブジェクトを作成します。
1
12
1.5
3
18
1
createSVGTransform

SVGSVGElement インターフェイスの createSVGTransform() メソッドは、ドキュメント ツリーの外側に SVGTransform オブジェクトを作成します。
1
12
1.5
3
18
1
createSVGTransformFromMatrix

SVGSVGElement インターフェイスの createSVGTransformFromMatrix() メソッドは、指定された DOMMatrix オブジェクトに基づいて、ドキュメント ツリーの外側に SVGTransform オブジェクトを作成します。
1
12
1.5
3
18
1
currentScale

SVGSVGElement インターフェイスの currentScale プロパティは、最も外側の svg 要素に対するユーザーの拡大操作とパン操作を考慮して、初期ビューに対する現在のスケール係数を反映します。
1
12
1.5
3
18
1
currentTranslate

SVGSVGElement インターフェイスの currentTranslate 読み取り専用プロパティは、最も外側の svg 要素に対応するユーザーの「倍率」を考慮した変換係数を反映します。
1
12
1.5
3
18
1
deselectAll

SVGSVGElement インターフェイスの deselectAll() メソッドは、テキスト文字列やタイプイン バーの選択を含む、選択されたオブジェクトの選択を解除します。
1
12
25
3
18
1
getCurrentTime

SVGSVGElement インターフェイスの getCurrentTime() メソッドは、現在の SVG ドキュメント フラグメントの開始時刻を基準とした現在時刻を秒単位で返します。
1
12
1.5
3
18
1
getElementById

SVGSVGElement インターフェイスの getElementById() メソッドは、SVG ドキュメント フラグメント (つまり、検索はドキュメント ツリーのサブセットに制限されます) で、id プロパティが指定された文字列と一致する要素を検索します。
7
12
1.5
5.1
18
5
getEnclosureList
1
12
3
18
1
getIntersectionList
1
12
3
18
1
height

SVGSVGElement インターフェイスの高さ読み取り専用プロパティは、要素の垂直サイズを SVGAnimatedLength として記述します。 これは SVG 要素の高さ属性を反映しますが、SVG のレンダリングされた高さではない可能性があります。
1
12
1.5
3
18
1
preserveAspectRatio

SVGSVGElement インターフェイスのpreserveAspectRatio 読み取り専用プロパティは、指定された要素のpreserveAspectRatio 属性を反映します。 アスペクト比を維持しながら、SVG 要素のコンテンツを指定されたスペースに合わせて拡大縮小する方法を定義します。
1
12
1.5
3
18
1
setCurrentTime

SVGSVGElement インターフェイスの setCurrentTime() メソッドは、この SVG ドキュメント フラグメントの時計を調整し、新しい現在時刻を確立します。
1
12
1.5
3
18
1
viewBox

SVGSVGElement インターフェイスの viewBox 読み取り専用プロパティは、svg 要素の viewBox 属性を SVGAnimatedRect として反映します。
1
12
1.5
3
18
1
width

SVGSVGElement インターフェイスの width 読み取り専用プロパティは、要素の水平サイズを SVGAnimatedLength として記述します。 これは svg 要素の width 属性を反映しますが、これは SVG のレンダリングされた幅ではない可能性があります。
1
12
1.5
3
18
1
x

x は SVGSVGElement インターフェイスの読み取り専用プロパティで、その SVG の位置の水平座標を SVGAnimatedLength として記述します。svg が別の 内にネストされている場合、水平座標はユーザー座標系の長さであり、ユーザー座標系の原点から x 軸に沿って指定された距離です。その構文は と同じです。
1
12
1.5
3
18
1
y

y は SVGSVGElement インターフェイスの読み取り専用プロパティで、その SVG の位置の垂直座標を SVGAnimatedLength として記述します。svg が別の 内にネストされている場合、垂直座標はユーザー座標系の長さであり、ユーザー座標系の原点から y 軸に沿って指定された距離です。その構文は と同じです。
1
12
1.5
3
18
1
SVGSwitchElement

SVGSwitchElement インターフェイスはスイッチ要素に対応します。
1
12
3
3
18
1
SVGSymbolElement

SVGSymbolElement インターフェイスはシンボル要素に対応します。
1
12
1.5
3
18
1
preserveAspectRatio

SVGSymbolElement インターフェイスの prepareAspectRatio 読み取り専用プロパティは、指定されたシンボル要素の prepareAspectRatio 属性を反映します。 アスペクト比を維持しながら、シンボルのコンテンツを指定されたスペースに合わせて拡大縮小する方法を定義します。
1
12
1.5
3
18
1
viewBox

SVGSymbolElement インターフェイスの viewBox 読み取り専用プロパティは、指定されたシンボル要素の viewBox 属性を反映します。
1
12
1.5
3
18
1
SVGTextContentElement

SVGTextContentElement インターフェイスは、子テキストコンテンツのレンダリングに対応している要素によって実装されています。これは、SVGTextElement、SVGTSpanElement、SVGTRefElement、SVGTextPathElement など、さまざまなテキスト関連のインターフェイスが継承しています。
1
12
1.5
3
18
1
getCharNumAtPosition

getCharNumAtPosition() は SVGTextContentElement インターフェイスのメソッドで、指定された座標の位置にテキストグリフがレンダリングされた文字を表します。文字とグリフの関係は一対一ではないため、関連するタイポグラフィ文字の最初の文字のみが返されます。
1
12
1.5
3
18
1
getComputedTextLength

getComputedTextLength() は SVGTextContentElement インターフェイスのメソッドで、この要素内のテキストの計算された長さを表します。
1
12
1.5
3
18
1
getEndPositionOfChar

getEndPositionOfChar() は SVGTextContentElement インターフェイスのメソッドで、テキストのレイアウトが行われた後に、組版された文字の末尾の位置を返します。
1
12
1.5
3
18
1
getExtentOfChar

getExtentOfChar() は SVGTextContentElement インターフェイスのメソッドで、指定されたタイポグラフィ文字に対応するグリフセルの最小の境界ボックスの計算値を表します。
1
12
1.5
3
18
1
getNumberOfChars

getNumberOfChars() は SVGTextContentElement インターフェイスのメソッドで、レンダリングされるかどうかに関わらず、現在の要素内でレンダリングできる利用できる文字の総数を表します。
1
12
1.5
3
18
1
getRotationOfChar

getRotationOfChar() は SVGTextContentElement インターフェイスのメソッドで、組版された文字の回転を表します。
1
12
1.5
3
18
1
getStartPositionOfChar

getStartPositionOfChar() は SVGTextContentElement インターフェイスのメソッドで、組版された文字の、テキストのレイアウトが実行された後の位置を返します。
1
12
1.5
3
18
1
getSubStringLength

getSubStringLength() は SVGTextContentElement インターフェイスのメソッドで、これは、要素内のテキストの部分の書式化されたテキストの進む距離の計算値を表します。
1
12
1.5
3
18
1
lengthAdjust

lengthAdjust は SVGTextContentElement インターフェイスの読み取り専用プロパティで、この要素の lengthAdjust 属性を反映します。これはこのインターフェイスで定義されている LENGTHADJUST_* 定数のいずれかを取ります。
1
12
1.5
3
18
1
textLength

textLength は SVGTextContentElement インターフェイスの読み取り専用プロパティで、この要素の textLength 属性を反映します。
1
12
1.5
3
18
1
SVGTextElement

SVGTextElement インターフェイスは text 要素に対応するインターフェイスです。
1
12
1.5
3
18
1
SVGTextPathElement

SVGTextPathElement インターフェイスは textPath 要素に対応します。
1
12
2
3.1
18
2
href

SVGTextPathElement インターフェイスの href 読み取り専用プロパティは、指定された textPath 要素の href 属性 (または非推奨の xlink:href 属性) を反映します。
1
12
2
3.1
18
2
method

SVGTextPathElement インターフェイスのメソッド読み取り専用プロパティは、指定された textPath 要素のメソッド属性を反映します。 このインターフェイスで定義された TEXTPATHMETHODTYPE*​​ 定数の 1 つを受け取ります。
1
12
20
3.1
18
2
spacing

SVGTextPathElement インターフェイスの spacing 読み取り専用プロパティは、指定された textPath 要素の spacing 属性を反映します。 このインターフェイスで定義された TEXTPATHSPACINGTYPE*​​ 定数の 1 つを受け取ります。
1
12
20
3.1
18
2
startOffset

SVGTextPathElement インターフェイスの startOffset 読み取り専用プロパティは、指定された textPath の startOffset 属性の X コンポーネントを反映します。これは、パスを要素の座標系に変換した後、パスに沿った初期の現在のテキスト位置のパスの先頭からのオフセットを定義します。
1
12
20
3.1
18
2
SVGTextPositioningElement

SVGTextPositioningElement インターフェイスは、個々のテキスト文字の位置を指定する属性に対応している要素によって実装されています。これは、SVGTextElement、SVGTSpanElement、SVGTRefElement によって継承されています。
1
12
1.5
3
18
1
dx

dx は SVGTextPositioningElement インターフェイスの読み取り専用プロパティで、SVGTextElement、SVGTSpanElement、SVGTRefElement の X 座標を SVGAnimatedLengthList で記述します。これは dx 属性の、ユーザー座標系における個々のテキスト文字の水平方向の送りを反映します。
1
12
1.5
3
18
1
dy

dy は SVGTextPositioningElement インターフェイスの読み取り専用プロパティで、SVGTextElement、SVGTSpanElement、SVGTRefElement の Y 座標を SVGAnimatedLengthList で記述します。これは dy 属性の、ユーザー座標系における個々のテキスト文字の垂直方向の送りを反映します。
1
12
1.5
3
18
1
rotate

rotate は SVGTextPositioningElement インターフェイスの読み取り専用プロパティで、指定された要素の rotate 属性で指定されたとおりに、個々のテキスト文字の回転を反映します。
1
12
1.5
3
18
1
x

x は SVGTextPositioningElement インターフェイスの読み取り専用プロパティで、SVGTextElement、SVGTSpanElement、SVGTRefElement の X 座標を SVGAnimatedLengthList で記述します。これは dx 属性の、ユーザー座標系における個々のテキスト文字の水平方向の位置を反映します。
1
12
1.5
3
18
1
y

y は SVGTextPositioningElement インターフェイスの読み取り専用プロパティで、SVGTextElement、SVGTSpanElement、SVGTRefElement の Y 座標を SVGAnimatedLengthList で記述します。これは dy 属性の、ユーザー座標系における個々のテキスト文字の垂直方向の位置を反映します。
1
12
1.5
3
18
1
SVGTitleElement

SVGTitleElement インターフェイスは、title 要素に対応します。
1
12
1.5
3
18
1
SVGTransform

SVGTransform インターフェイスは、 内の構成要素の座標変換の 1 つを反映します。したがって、 SVGTransform オブジェクトは、 属性内の単一の構成要素（scale(…) または matrix(…)）に対応します。
1
12
1.5
4
18
3.2
angle

angle は SVGTransform インターフェイスの読み取り専用プロパティで、座標変換の角度を度数で表します。
1
12
1.5
4
18
3.2
matrix

matrix は SVGTransform インターフェイスの読み取り専用プロパティで、この座標変換の type に対応する座標変換行列を表します。
1
12
1.5
4
18
3.2
setMatrix

setMatrix() は SVGTransform インターフェイスのメソッドで、座標変換の種類を SVGTRANSFORMMATRIX に設定し、引数 matrix で新しい座標変換を定義します。
1
12
1.5
4
18
3.2
setRotate

setRotate() は SVGTransform インターフェイスのメソッドで、座標変換の種類を SVGTRANSFORMROTATE に設定します。引数 angle は回転角度を定義し、引数 cx と cy は回転のオプションの中心を定義します。
1
12
1.5
4
18
3.2
setScale

setScale() は SVGTransform インターフェイスのメソッドで、座標変換の種類を SVGTRANSFORMSCALE にし、拡大率を定義する sx および sy と定義します。
1
12
1.5
4
18
3.2
setSkewX

setSkewX() は SVGTransform インターフェイスのメソッドで、変換の種類を SVGTRANSFORMSKEWX に設定し、引数の angle で X 軸方向の歪めの量を定義します。
1
12
1.5
4
18
3.2
setSkewY

setSkewY() は SVGTransform インターフェイスのメソッドで、変換の種類を SVGTRANSFORMSKEWX に設定し、引数の angle で Y 軸方向の歪めの量を定義します。
1
12
1.5
4
18
3.2
setTranslate

setTranslate() は SVGTransform インターフェイスのメソッドで、 メソッドは座標変換の種類を SVGTRANSFORMTRANSLATE に設定し、引数 tx と ty で移動量を定義します。
1
12
1.5
4
18
3.2
type

type が SVGTransform インターフェイスの読み取り専用プロパティで、このインターフェイスで定義されている SVGTRANSFORM* 定数のいずれかによって指定される、適用された座標変換の type を表します。
1
12
1.5
4
18
3.2
SVGTransformList

SVGTransformList インターフェイスは、 オブジェクトのリストを定義します。
1
12
1.5
3
18
1
appendItem

appendItem() は SVGTransformList インターフェイスのメソッドで、リストの末尾に新しいアイテムをを追加します。
1
12
1.5
3
18
1
clear

clear() は SVGTransformList インターフェイスのメソッドで、リストからすべてのアイテムを除去し、リストを空にします。
1
12
1.5
3
18
1
consolidate

consolidate() は SVGTransformList インターフェイスのメソッドで、別個の SVGTransform オブジェクトのリストを、等価な変換行列を掛け合わせることで統合し、 SVGTRANSFORMMATRIX 型の単一の SVGTransform オブジェクトで構成されるリストを生成します。
1
12
1.5
3
18
1
createSVGTransformFromMatrix

createSVGTransformFromMatrix() は SVGTransformList インターフェイスのメソッドで、 SVGTRANSFORMMATRIX 型の変換に初期化され、その値が指定された行列である SVGTransform オブジェクトを作成します。
1
12
1.5
3
18
1
getItem

getItem() は SVGTransformList インターフェイスのメソッドで、リストから指定されたアイテムを返します。
1
12
1.5
3
18
1
initialize

initialize() は SVGTransformList インターフェイスのメソッドで、リストから既存のアイテムをすべて除去し、引数で指定された単一のアイテムを保持するようリストを再初期化します。
1
12
1.5
3
18
1
insertItemBefore

insertItemBefore() は SVGTransformList インターフェイスのメソッドで、指定した位置に新しいアイテムをリストに挿入します。
1
12
1.5
3
18
1
length

length は SVGTransformList インターフェイスのプロパティで、リスト内のアイテム数を返します。
35
79
9
13.1
35
13.4
numberOfItems

numberOfItems は SVGTransformList インターフェイスのプロパティで、リスト内のアイテム数を返します。
1
12
1.5
3
18
1
removeItem

removeItem() は SVGTransformList インターフェイスのメソッドで、指定された位置にある既存のアイテムをリストから除去します。
1
12
1.5
3
18
1
replaceItem

replaceItem() は SVGTransformList インターフェイスのメソッドで、リスト内の既存のアイテムを新しいアイテムに置き換えます。
1
12
1.5
3
18
1
SVGTSpanElement

SVGTSpanElement インターフェイスは tspan 要素を表します。
1
12
1.5
3
18
1
SVGUnitTypes

SVGUnitTypes インターフェイスは、gradientUnits、patternContentUnits、およびその他の同様の属性を反映するために使用される、一般的に使用される定数のセットを定義します。
1
12
3
3.1
18
2
SVGUseElement

SVGUseElement インターフェースは use 要素に対応します。
1
12
1.5
3
18
1
height

SVGUseElement インターフェイスの高さ読み取り専用プロパティは、参照される要素の高さを SVGAnimatedLength として記述します。 use 要素の height 属性の計算値を反映します。
1
12
1.5
3
18
1
href

SVGUseElement インターフェイスの href 読み取り専用プロパティは、指定された要素の href または xlink:href 属性を反映します。
1
12
1.5
3
18
1
width

SVGUseElement インターフェイスの width 読み取り専用プロパティは、参照される要素の幅を SVGAnimatedLength として記述します。 これは、 use 要素の width 属性の計算値を反映します。
1
12
1.5
3
18
1
x

SVGUseElement インターフェイスの x 読み取り専用プロパティは、参照される要素の開始点の x 軸座標を SVGAnimatedLength として記述します。 これは、 use 要素の x 属性の計算値を反映します。
1
12
1.5
3
18
1
y

SVGUseElement インターフェイスの y 読み取り専用プロパティは、参照される要素の開始点の y 軸座標を SVGAnimatedLength として記述します。 use 要素の y 属性の計算値を反映します。
1
12
1.5
3
18
1
SVGViewElement

SVGViewElement インターフェイスは、ビュー要素のプロパティへのアクセスと、それらを操作するメソッドを提供します。
1
12
15
3
18
1
preserveAspectRatio

SVGViewElement インターフェイスの prepareAspectRatio 読み取り専用プロパティは、指定されたビュー要素の prepareAspectRatio 属性を反映します。 アスペクト比を維持しながら、ビュー内のコンテンツをビューポートに合わせて拡大縮小する方法を定義します。
1
12
15
3
18
1
viewBox

SVGViewElement インターフェイスの viewBox 読み取り専用プロパティは、指定されたビュー要素の viewBox 属性を反映します。 これは、ビューの viewBox に使用される領域を定義する x、y、幅、および高さの値を表します。
1
12
15
3
18
1
CSS @ ルール
OpenType SVG

OpenType SVG レンダリング
31
12.1
12.2
CSS プロパティ
svg images

SVG画像
8
12
4
5
18
5
SVG image as background

背景としてのSVG画像
1
12
4
3.1
18
1
evenodd
≤15
79
3.5
≤5
18
≤4.2
nonzero
≤15
79
3.5
≤5
18
≤4.2
その他
css.properties.color-interpolation

CSS の color-interpolation プロパティは、SVG で用いられ、SVG 要素 linearGradient および radialGradient で用いる色空間を指定します。
1
79
3
4
18
3.2
CSS プロパティ
auto

「自動」値
1
79
3
4
18
3.2
linearGradient

`linearGradient` 値
123
sRGB

`sRGB` 値
1
79
3
4
18
3.2
その他
css.properties.cx

cx は CSS のプロパティで、 SVG の circle または ellipse 要素の中心の X 座標を定義します。存在する場合、その要素の cx 属性を上書きします。
43
79
69
9
43
9
css.properties.cy

cy は CSS のプロパティで、 SVG の circle または ellipse 要素の中心の Y 座標を定義します。存在する場合、その要素の cy 属性を上書きします。
43
79
69
9
43
9
css.properties.d

d は CSS のプロパティで、 SVG の path 要素が描画するパスを定義します。存在すれば、要素の d 属性よりも優先されます。
52
79
97
52
css.properties.fill

fill は CSS のプロパティで、SVG のテキストコンテンツおよび SVG の図形の内部キャンバスをどのように塗りつぶすか、または描画するかを定義します。存在する場合、要素の fill 属性を上書きします。
1
≤15
3
4
18
3.2
css.properties.fill-rule

fill-rule は CSS のプロパティで、SVG シェイプのキャンバスのどの部分が塗りつぶすシェイプ内に記載されるかを決定するルールを定義します。これが存在する場合、要素の fill-rule 属性よりも優先されます。
1
≤15
3
4
18
3.2
CSS プロパティ
evenodd
1
≤15
3
4
18
3.2
nonzero
1
≤15
3
4
18
3.2
none
1
≤15
3
4
18
3.2
svg elements

SVG要素について
1
12
72
5.1
18
5
その他
css.properties.marker

マーカー CSS プロパティは、要素のパスの最初、中間、最後の頂点に描画されるマーカーを指します。 つまり、すべての頂点でです。 マーカーは SVG マーカー要素を使用して定義されている必要があり、url_value 値でのみ参照できます。 CSS プロパティの値は、マーカー開始、マーカー、および…の値をオーバーライドします。
1
≤15
3
4
18
3.2
css.properties.marker-end

CSS の marker-end プロパティは、要素のパスの最後の頂点に描画されるマーカーを指します。 つまり、終点の頂点です。 マーカーは SVG マーカー要素を使用して定義されている必要があり、url_value 値でのみ参照できます。 CSS プロパティの値は、SVG の marker-end 属性の値をオーバーライドします。
1
≤15
3
4
18
3.2
CSS プロパティ
none
1
≤15
3
4
18
3.2
その他
css.properties.marker-mid

CSS の marker-mid プロパティは、要素のパスの中央の頂点に描画されるマーカーを指します。 つまり、開始頂点と終了頂点の間の各頂点で行われます。 マーカーは SVG マーカー要素を使用して定義されている必要があり、url_value 値でのみ参照できます。 CSS プロパティの値は、CSS プロパティの値をオーバーライドします。
1
≤15
3
4
18
3.2
CSS プロパティ
none
1
≤15
3
4
18
3.2
その他
css.properties.marker-start

CSS の marker-start プロパティは、要素のパスの最初の頂点に描画されるマーカーを指します。 つまり、開始頂点です。 マーカーは SVG マーカー要素を使用して定義されている必要があり、url_value 値でのみ参照できます。 CSS プロパティの値は、SVG の marker-start 属性の値をオーバーライドします。
1
≤15
3
4
18
3.2
CSS プロパティ
none
1
≤15
3
4
18
3.2
none
1
≤15
3
4
18
3.2
その他
css.properties.r

r は CSS のプロパティで、円の半径を定義します。これは SVG の circle 要素でのみ使用されます。存在する場合、その円の r 属性を上書きします。
43
79
69
9
43
9
css.properties.rx

rx CSS プロパティは、SVG 楕円の x 軸または水平方向の半径と、SVG 長方形の角の水平方向の曲線を定義します。 存在する場合、シェイプの rx 属性をオーバーライドします。
43
79
69
17.4
43
17.4
css.properties.ry

ry CSS プロパティは、SVG 楕円の y 軸、つまり垂直方向の半径と、SVG 長方形の角の垂直方向の曲線を定義します。 存在する場合、シェイプの ry 属性をオーバーライドします。
43
79
69
17.4
43
17.4
css.properties.shape-rendering

シェイプ レンダリング CSS プロパティは、パス、円、四角形などのシェイプをレンダリングするときにどのようなトレードオフを行うべきかに関するヒントをレンダラーに提供します。 円、楕円、線、パス、多角形、ポリライン、および四角形の要素にのみ影響します。 明示的に宣言されている場合、CSS プロパティの値は要素の形状レンダリングの値をオーバーライドします。
1
79
3
4
18
3.2
CSS プロパティ
auto
1
79
3
4
18
3.2
その他
css.properties.stop-color

stop-color CSS プロパティは、グラデーション内の SVG 停止要素に使用する色を定義します。 存在する場合、要素の stop-color 属性をオーバーライドします。
1
≤15
3
4
18
3.2
css.properties.stop-opacity

stop-opacity CSS プロパティは、SVG グラデーション内の SVG 停止要素内の特定のカラー グラデーション停止の不透明度を定義します。 存在する場合、要素の stop-opacity 属性をオーバーライドします。
1
≤15
3
4
18
3.2
css.properties.stroke

stroke は CSS のプロパティで、要素のストロークを描画するために使用される色または SVG ペイントサーバーを定義します。したがって、stroke はストロークを付与できる要素（rect や ellipse など）にのみ効果があります。完全なリストについては、SVG の stroke 属性のページを参照してください。宣言された場合、CSS 値は SVG の要素の stroke 属性の値を上書きします。
1
≤15
1.5
4
18
3.2
css.properties.stroke-color
実験的
11.1
11.3
css.properties.stroke-dasharray

stroke-dasharray は CSS のプロパティで、SVG 図形のストローク描画に使用されるダッシュ（線）とすき間のパターンを定義します。指定された場合、要素の stroke-dasharray 属性を上書きします。
1
≤15
1.5
4
18
3.2
CSS プロパティ
none
1
≤15
1.5
4
18
3.2
その他
css.properties.stroke-dashoffset

stroke-dashoffset は CSS のプロパティで、SVG 要素に関連付けられた破線配列の描画開始点のオフセットを定義します。指定された場合、要素の stroke-dashoffset 属性を上書きします。
1
≤15
1.5
4
18
3.2
css.properties.stroke-linecap

stroke-linecap は CSS のプロパティで、SVG 要素の閉じていないストロークの開いたサブパスの終端に使用される形状を定義します。指定された場合、要素の stroke-linecap 属性を上書きします。
1
≤15
1.5
4
18
3.2
CSS プロパティ
butt
1
≤15
1.5
4
18
3.2
round
1
≤15
1.5
4
18
3.2
square
1
≤15
1.5
4
18
3.2
その他
css.properties.stroke-linejoin

stroke-linejoin は CSS のプロパティで、SVG 要素のストローク付きパスの角で使用される形状を定義します。指定された場合、要素の stroke-linejoin 属性を上書きします。
1
≤15
1.5
4
18
3.2
CSS プロパティ
bevel
1
≤15
1.5
4
18
3.2
miter
1
≤15
1.5
4
18
3.2
round
1
≤15
1.5
4
18
3.2
その他
css.properties.stroke-miterlimit

stroke-miterlimit は CSS のプロパティで、SVG 要素のストロークパスの角に使用される形状がマイター接合である場合、マイター長と の比率に対する制限を定義します。このプロパティで定義された制限値を超えると、接合方法が miter から bevel に変換され、角が切り取られるようになります。
1
≤15
1.5
4
18
3.2
css.properties.stroke-width

stroke-width は CSS のプロパティで、SVG 図形に適用されるストロークの幅を定義します。もし存在するならば、要素の stroke-width この属性を上書きします。
1
≤15
1.5
4
18
3.2
CSS プロパティ
none
1
≤15
1.5
4
18
3.2
その他
css.properties.text-anchor

text-anchor は CSS のプロパティで、 inline-size プロパティから決定される折り返し領域にテキストの文字列を含むボックスを配置し、テキストを要素のアンカーポイントに対して相対的に配置します。アンカーポイントは、 x および y （または dx および dy）属性を使用して定義されます。 CSS プロパティの値が存在する場合、その値は要素の text-anchor 属性の値を上書きします。
1
≤14
3
4
18
3.2
CSS プロパティ
end
1
≤14
3
4
18
3.2
middle
1
≤14
3
4
18
3.2
start
1
≤14
3
4
18
3.2
その他
css.properties.text-rendering

text-rendering は CSS のプロパティで、テキストを描画するときの最適化方法に関する情報をレンダリングエンジンに提供します。
4
79
1
5
18
4.2
CSS プロパティ
auto
4
79
1
5
18
4.2
geometricPrecision
13
79
1
6
18
6
svg elements

SVG要素について
19
17
43
6
25
6
その他
css.properties.vector-effect

ベクター効果 CSS プロパティは、SVG の特定の変換効果を抑制するため、地図がどのようにズームされても同じ幅を保つ地図上の道路などの効果を許可したり、他の変換に関係なくダイアグラム キーの位置とサイズを保持したりすることができます。 これは、vector-effect 属性を受け入れる SVG 要素でのみ使用できます。 いつ…
6
79
15
5.1
18
5
CSS プロパティ
svg elements

SVG要素について
1
12
72
5.1
18
5
その他
css.properties.x

x は CSS プロパティで、SVG の rect 図形、image 画像、foreignObject ビューポート、または入れ子になった svg ビューポートの左上角の X 座標を、最も近い 親要素のユーザー座標系に対して定義します。存在する場合、このプロパティは要素の x 属性よりも優先されます。
42
79
69
9
42
9
css.properties.y

y は CSS プロパティで、SVG の rect 図形、image 画像、foreignObject ビューポート、および入れ子になった svg ビューポートの左上角の Y 座標を、最も近い 親要素のユーザー座標系に対して定義します。存在する場合、このプロパティは要素の y 属性よりも優先されます。
42
79
69
9
42
9
svg.elements.a

は SVG の要素で、他のウェブページ、ファイル、同じページ内の場所、メールアドレス、その他の URL へのハイパーリンクを生成します。 HTML の a 要素ととても良く似ています。
1
12
1.5
3.1
18
2
svg.elements.a.href

href 属性は、リソースへのリンクを参照 URL として定義します。そのリンクの正確な意味は、使用しているそれぞれの要素のコンテキストによって変わります。
50
12
51
12.1
50
12.2
svg.elements.a.hreflang
≤18
61
svg.elements.a.referrerpolicy
51
79
52
14
51
14
svg.elements.a.referrerpolicy.no-referrer-when-downgrade

リファラーなし-ダウングレード時
51
79
52
51
svg.elements.a.referrerpolicy.origin-when-cross-origin

オリジン・ウェン・クロス・オリジン
51
79
52
51
svg.elements.a.referrerpolicy.unsafe-url

安全でないurl
51
79
52
51
svg.elements.a.rel
≤18
61
14
14
svg.elements.a.systemLanguage

systemLanguage 属性は、サポートされている言語タグのリストを表します。 このリストは、ユーザー設定で定義された言語と照合されます。
1
12
12
3.1
18
2
svg.elements.a.target

target 属性は、親ドキュメントが HTML または XHTML ドキュメント内に埋め込まれている場合、またはタブ付きブラウザで表示されている場合など、終了リソースのターゲットとして複数の可能性がある場合に使用する必要があります。 この属性は、ドキュメントが含まれる閲覧コンテキスト (ブラウザーのタブ、(X)HTML iframe、オブジェクト要素など) の名前を指定します。
1
12
1.5
3.1
18
2
svg.elements.a.type
≤18
61
svg.elements.circle

は SVG の要素で、SVG 基本図形の一つであり、中心座標と半径を指定して円を描画します。
1
12
1.5
3
18
2
svg.elements.circle.cx

cx 属性は中心点の X 座標を定義します。
1
12
1.5
3
18
2
svg.elements.circle.cy

cy 属性は中心点の Y 座標を定義します。
1
12
1.5
3
18
2
svg.elements.circle.fill

fill 属性には使われ方により 2 つの意味があります. 1 つは図形やテキストに使われた場合で，その要素を塗りつぶす色（またはグラデーションやパターンなどの SVG ペイントサーバー）を意味します．もう 1 つはアニメーションに使われた場合で，そのアニメーションの最終状態を定義します．
1
79
1.5
3
18
2
svg.elements.circle.r

r 属性は円の半径を定義します。
1
12
1.5
3
18
2
svg.elements.circle.systemLanguage

systemLanguage 属性は、サポートされている言語タグのリストを表します。 このリストは、ユーザー設定で定義された言語と照合されます。
1
12
12
3
18
2
svg.elements.defs

は SVG の要素で、後で使用するグラフィックオブジェクトを格納するために使われます。 要素内に作成されたオブジェクトは直接レンダリングされません。オブジェクトを表示するには（例えば use 要素で）参照する必要があります。
1
12
1.5
3.1
18
2
svg.elements.defs.systemLanguage

systemLanguage 属性は、サポートされている言語タグのリストを表します。 このリストは、ユーザー設定で定義された言語と照合されます。
1
12
12
3.1
18
2
svg.elements.desc

は SVG の要素で、 SVG のコンテナー要素またはグラフィック要素のアクセシブルな長文の説明を提供します。
1
12
1.5
3.1
18
2
svg.elements.ellipse

は SVG の要素で、 SVG の基本的な図形であり、中心となる座標と x 方向と y 方向の半径両方を指定し、楕円を生成するために使用されます。
1
12
1.5
3
18
3
svg.elements.ellipse.cx

cx 属性は中心点の X 座標を定義します。
1
12
1.5
3
18
3
svg.elements.ellipse.cy

cy 属性は中心点の Y 座標を定義します。
1
12
1.5
3
18
3
svg.elements.ellipse.fill

fill 属性には使われ方により 2 つの意味があります. 1 つは図形やテキストに使われた場合で，その要素を塗りつぶす色（またはグラデーションやパターンなどの SVG ペイントサーバー）を意味します．もう 1 つはアニメーションに使われた場合で，そのアニメーションの最終状態を定義します．
1
79
1.5
3
18
3
svg.elements.ellipse.rx
1
12
1.5
3
18
3
svg.elements.ellipse.ry
1
12
1.5
3
18
3
svg.elements.ellipse.systemLanguage

systemLanguage 属性は、サポートされている言語タグのリストを表します。 このリストは、ユーザー設定で定義された言語と照合されます。
1
12
12
3
18
3
svg.elements.foreignObject

は SVG 要素で、異なる XML 名前空間の要素を含みます。ブラウザーのコンテキストでは、ほとんどの場合 (X)HTML です。
1
12
2
3
18
3
svg.elements.foreignObject.height
1
12
2
3
18
3
svg.elements.foreignObject.systemLanguage

systemLanguage 属性は、サポートされている言語タグのリストを表します。 このリストは、ユーザー設定で定義された言語と照合されます。
1
12
12
3
18
3
svg.elements.foreignObject.width
1
12
2
3
18
3
svg.elements.foreignObject.x
1
12
2
3
18
3
svg.elements.foreignObject.y
1
12
2
3
18
3
svg.elements.g

は SVG の要素で、他の SVG 要素をグループ化するために用いられるコンテナーです。
1
12
1.5
3.1
18
2
svg.elements.g.systemLanguage

systemLanguage 属性は、サポートされている言語タグのリストを表します。 このリストは、ユーザー設定で定義された言語と照合されます。
1
12
12
3.1
18
2
svg.elements.image

The は SVG の要素で、 SVG 文書内に画像を含めます。これはraster imageファイルや他の SVG ファイルを表示することができます。
1
12
1.5
3
18
2
svg.elements.image.crossorigin

image、feImage、および script 要素で有効なcrossorigin 属性は、要素のフェッチされたデータに対する Cross-Origin Resource Sharing (CORS) リクエストの構成のサポートを提供します。
118
118
114
17.2
118
17.2
svg.elements.image.decoding

画像要素に対して有効な decoding 属性は、より「正しく」見える 1 つのプレゼンテーション ステップで他のコンテンツのレンダリングとともに画像のデコードを実行するか (同期)、最初に他のコンテンツをレンダリングして表示してから画像をデコードして後で表示するか (非同期) について、ブラウザーにヒントを提供します。 実際には、非同期とは次のことを意味します…
65
79
63
65
svg.elements.image.height
1
79
1.5
3
18
2
svg.elements.image.href

href 属性は、リソースへのリンクを参照 URL として定義します。そのリンクの正確な意味は、使用しているそれぞれの要素のコンテキストによって変わります。
50
12
51
12.1
50
12.2
svg.elements.image.preserveAspectRatio
1
79
1.5
3
18
2
svg.elements.image.systemLanguage

systemLanguage 属性は、サポートされている言語タグのリストを表します。 このリストは、ユーザー設定で定義された言語と照合されます。
1
12
12
3
18
2
svg.elements.image.width
1
79
1.5
3
18
2
svg.elements.image.x
1
79
1.5
3
18
2
svg.elements.image.y
1
79
1.5
3
18
2
svg.elements.line

は SVG の要素で、 SVG の基本図形であり、2 つの点をつなぐ直線を作成するために使用します。
1
12
1.5
3
18
3
svg.elements.line.systemLanguage

systemLanguage 属性は、サポートされている言語タグのリストを表します。 このリストは、ユーザー設定で定義された言語と照合されます。
1
12
12
3
18
3
svg.elements.line.x1

x1 属性は、2 つ以上の座標を必要とする SVG 要素を描画するための 1 つ目の X 座標を指定するのに使います。1 つしか座標を必要としない要素は、これの代わりに x 属性を使います。
1
12
1.5
3
18
3
svg.elements.line.x2

x2 属性は、2 つ以上の座標を必要とする SVG 要素を描画するための 2 つ目の X 座標を指定するのに使います。1 つしか座標を必要としない要素は、これの代わりに x 属性を使います。
1
12
1.5
3
18
3
svg.elements.line.y1

y1 属性は、2 つ以上の座標を必要とする SVG 要素を描画するための 1 つ目の Y 座標を指定するのに使います。1 つしか座標を必要としない要素は、これの代わりに y 属性を使います。
1
12
1.5
3
18
3
svg.elements.line.y2

y2 属性は、2 つ以上の座標を必要とする SVG 要素を描画するための 2 つ目の Y 座標を指定するのに使います。1 つしか座標を必要としない要素は、これの代わりに y 属性を使います。
1
12
1.5
3
18
3
svg.elements.linearGradient

は SVG の要素で、制作者が他の SVG 要素に適用する線形グラデーションを定義することができます。
1
12
1.5
3
18
2
svg.elements.linearGradient.gradientTransform

gradientTransform 属性は、グラデーション座標系からターゲット座標系（つまり、userSpaceOnUse または objectBoundingBox）への、オプションの追加座標変換の定義が含まれています。 これにより、グラデーションの傾きを変えるなどの操作が可能です。この追加の座標変換行列は、オブジェクトのバウンディングボックス単位からユーザー空間へ変換するために必要な暗黙の座標変換を含め、以前に定義されたすべての座標変換に対して右から乗算されます。
1
79
1.5
3
18
2
svg.elements.linearGradient.gradientUnits

gradientUnits 属性は、グラデーション要素で指定された属性に使用される座標系を定義します。
1
79
1.5
3
18
2
svg.elements.linearGradient.href

href 属性は、リソースへのリンクを参照 URL として定義します。そのリンクの正確な意味は、使用しているそれぞれの要素のコンテキストによって変わります。
50
12
51
12.1
50
12.2
svg.elements.linearGradient.spreadMethod

spreadMethod 属性は、グラデーションの定義された境界の外側で、図形がどのように塗りつぶされるかを決定します。
1
79
1.5
3
18
2
svg.elements.linearGradient.x1

x1 属性は、2 つ以上の座標を必要とする SVG 要素を描画するための 1 つ目の X 座標を指定するのに使います。1 つしか座標を必要としない要素は、これの代わりに x 属性を使います。
1
79
1.5
3
18
2
svg.elements.linearGradient.x2

x2 属性は、2 つ以上の座標を必要とする SVG 要素を描画するための 2 つ目の X 座標を指定するのに使います。1 つしか座標を必要としない要素は、これの代わりに x 属性を使います。
1
79
1.5
3
18
2
svg.elements.linearGradient.y1

y1 属性は、2 つ以上の座標を必要とする SVG 要素を描画するための 1 つ目の Y 座標を指定するのに使います。1 つしか座標を必要としない要素は、これの代わりに y 属性を使います。
1
79
1.5
3
18
2
svg.elements.linearGradient.y2

y2 属性は、2 つ以上の座標を必要とする SVG 要素を描画するための 2 つ目の Y 座標を指定するのに使います。1 つしか座標を必要としない要素は、これの代わりに y 属性を使います。
1
79
1.5
3
18
2
svg.elements.marker

は SVG の要素で、指定された path、line、polyline、polygon のいずれかの要素上に矢印の先端やポリマーカーを描画するために使用されるグラフィックを定義します。
1
12
1.5
3
18
2
svg.elements.marker.markerHeight

markerHeight 属性は、viewBox 属性とpreserveAspectRatio 属性に従ってレンダリングされるときにマーカーがフィットするビューポートの高さを表します。
1
12
1.5
3
18
2
svg.elements.marker.markerUnits

markerUnits 属性は、MarkerWidth 属性と MarkerHeight 属性の座標系とマーカーの内容を定義します。
1
12
1.5
3
18
2
svg.elements.marker.markerWidth

markerWidth 属性は、viewBox 属性とpreserveAspectRatio 属性に従ってレンダリングされるときにマーカーがフィットするビューポートの幅を表します。
1
12
1.5
3
18
2
svg.elements.marker.orient

orient 属性は、マーカーがシェイプ上の位置に配置されたときにどのように回転するかを示します。
1
12
1.5
3
18
2
svg.elements.marker.refX
1
12
1.5
3
18
2
svg.elements.marker.refY
1
12
1.5
3
18
2
svg.elements.marker.viewBox
1
12
1.5
3
18
2
svg.elements.mask

は SVG の要素で、現在のオブジェクトを背景に合成するためのアルファマスクを定義します。マスクは mask プロパティと CSS の mask-image プロパティを使用して使用/参照します。
1
12
3
3
18
2
svg.elements.mask.height
1
12
3
3
18
2
svg.elements.mask.maskContentUnits

maskContentUnits 属性は、 要素のコンテンツに使用する座標系を示します。
1
79
3
3
18
2
svg.elements.mask.maskUnits

maskUnits 属性は、 要素の幾何プロパティに使用する座標系を示します。
1
79
3
3
18
2
svg.elements.mask.systemLanguage

systemLanguage 属性は、サポートされている言語タグのリストを表します。 このリストは、ユーザー設定で定義された言語と照合されます。
1
12
12
3
18
2
svg.elements.mask.width
1
12
3
3
18
2
svg.elements.mask.x
1
12
3
3
18
2
svg.elements.mask.y
1
12
3
3
18
2
svg.elements.metadata

は SVG の要素で、この要素は SVG コンテンツにメタデータを追加します。メタデータはデータに関する構造化された情報です。 のコンテンツは他の XML namespaceの要素、例えば RDF、FOAF などでなければなりません。
1
12
1.5
3
18
3
svg.elements.mpath

は SVG における animateMotion 要素のサブ要素で、モーションパスの定義として外部の path 要素を参照する機能を提供します。
19
≤18
4
6
25
6
svg.elements.mpath.href

href 属性は、リソースへのリンクを参照 URL として定義します。そのリンクの正確な意味は、使用しているそれぞれの要素のコンテキストによって変わります。
50
12
51
12.1
50
12.2
svg.elements.path

は SVG の要素で、図形を定義する汎用的な要素です。全ての基本図形は path 要素によって定義することができます。
1
12
1.5
3
18
3
svg.elements.path.d

d 属性は描かれるパスを定義します。
1
12
1.5
3
18
3
svg.elements.path.d.path

path() は CSS の関数で、SVG パス文字列を受け取り、 CSS シェイプや CSS モーションパスで描かれるを図形を有効にするために使用します。path() 関数は、basic-shape データ型の値です。これは、CSS の offset-path および clip-path プロパティ、それに SVG の d 属性で使用できます。
52
79
97
52
svg.elements.path.fill

fill 属性には使われ方により 2 つの意味があります. 1 つは図形やテキストに使われた場合で，その要素を塗りつぶす色（またはグラデーションやパターンなどの SVG ペイントサーバー）を意味します．もう 1 つはアニメーションに使われた場合で，そのアニメーションの最終状態を定義します．
1
79
1.5
3
18
3
svg.elements.path.systemLanguage

systemLanguage 属性は、サポートされている言語タグのリストを表します。 このリストは、ユーザー設定で定義された言語と照合されます。
1
12
12
3
18
3
svg.elements.pattern

は SVG の要素で、ある領域をカバーするために、 X 座標と Y 座標の間隔を繰り返して (「タイル」) 再描画することができるグラフィックオブジェクトを定義します。
1
12
3
3
18
3
svg.elements.pattern.height
1
12
3
3
18
3
svg.elements.pattern.href

href 属性は、リソースへのリンクを参照 URL として定義します。そのリンクの正確な意味は、使用しているそれぞれの要素のコンテキストによって変わります。
50
79
3
12.1
50
12.2
svg.elements.pattern.patternContentUnits

patternContentUnits 属性は、要素のコンテンツに使用する座標系を示します。
1
79
3
3
18
3
svg.elements.pattern.patternTransform

patternTransform 属性は、パターン タイルに適用される変換定義のリストを定義します。
1
79
3
3
18
3
svg.elements.pattern.patternUnits

patternUnits 属性は、 要素の幾何プロパティにどの座標系を使用するかを示します。
1
79
3
3
18
3
svg.elements.pattern.systemLanguage

systemLanguage 属性は、サポートされている言語タグのリストを表します。 このリストは、ユーザー設定で定義された言語と照合されます。
1
12
12
3
18
3
svg.elements.pattern.width
1
12
3
3
18
3
svg.elements.pattern.x
1
12
3
3
18
3
svg.elements.pattern.y
1
12
3
3
18
3
svg.elements.polygon

は SVG の要素で、接続された一連の直線の区間で構成される閉じた図形を定義します。最後の点は最初の点と結ばれます。
1
12
1.5
3
18
3
svg.elements.polygon.fill

fill 属性には使われ方により 2 つの意味があります. 1 つは図形やテキストに使われた場合で，その要素を塗りつぶす色（またはグラデーションやパターンなどの SVG ペイントサーバー）を意味します．もう 1 つはアニメーションに使われた場合で，そのアニメーションの最終状態を定義します．
1
79
1.5
3
18
3
svg.elements.polygon.points
1
12
1.5
3
18
3
svg.elements.polygon.systemLanguage

systemLanguage 属性は、サポートされている言語タグのリストを表します。 このリストは、ユーザー設定で定義された言語と照合されます。
1
12
12
3
18
3
svg.elements.polyline

は SVG の要素で、複数の点を結ぶ直線を作成する SVG の基本図形です。一般的に polyline は開いた図形を作成するために用いられます。最後の点は最初の点に接続されている必要はないからです。閉じた図形については polygon 要素を参照してください。
1
12
1.5
3
18
3
svg.elements.polyline.fill

fill 属性には使われ方により 2 つの意味があります. 1 つは図形やテキストに使われた場合で，その要素を塗りつぶす色（またはグラデーションやパターンなどの SVG ペイントサーバー）を意味します．もう 1 つはアニメーションに使われた場合で，そのアニメーションの最終状態を定義します．
1
79
1.5
3
18
3
svg.elements.polyline.points
1
12
1.5
3
18
3
svg.elements.polyline.systemLanguage

systemLanguage 属性は、サポートされている言語タグのリストを表します。 このリストは、ユーザー設定で定義された言語と照合されます。
1
12
12
3
18
3
svg.elements.radialGradient

は SVG の要素で、グラフィック要素の塗りつぶしや線の描画に適用できる放射グラデーションを定義することができます。
1
12
1.5
3
18
2
svg.elements.radialGradient.cx

cx 属性は中心点の X 座標を定義します。
1
79
1.5
3
18
2
svg.elements.radialGradient.cy

cy 属性は中心点の Y 座標を定義します。
1
79
1.5
3
18
2
svg.elements.radialGradient.fr

fr 属性は、放射状グラデーションの焦点の半径を定義します。
24
79
55
7
25
7
svg.elements.radialGradient.fx

fx 属性は、放射状グラデーションの焦点の x 軸座標を定義します。
1
79
1.5
3
18
2
svg.elements.radialGradient.fy

fy 属性は、放射状グラデーションの焦点の y 軸座標を定義します。
1
79
1.5
3
18
2
svg.elements.radialGradient.gradientTransform

gradientTransform 属性は、グラデーション座標系からターゲット座標系（つまり、userSpaceOnUse または objectBoundingBox）への、オプションの追加座標変換の定義が含まれています。 これにより、グラデーションの傾きを変えるなどの操作が可能です。この追加の座標変換行列は、オブジェクトのバウンディングボックス単位からユーザー空間へ変換するために必要な暗黙の座標変換を含め、以前に定義されたすべての座標変換に対して右から乗算されます。
1
79
1.5
3
18
2
svg.elements.radialGradient.gradientUnits

gradientUnits 属性は、グラデーション要素で指定された属性に使用される座標系を定義します。
1
79
1.5
3
18
2
svg.elements.radialGradient.href

href 属性は、リソースへのリンクを参照 URL として定義します。そのリンクの正確な意味は、使用しているそれぞれの要素のコンテキストによって変わります。
50
12
51
12.1
50
12.2
svg.elements.radialGradient.r

r 属性は円の半径を定義します。
1
79
1.5
3
18
2
svg.elements.radialGradient.spreadMethod

spreadMethod 属性は、グラデーションの定義された境界の外側で、図形がどのように塗りつぶされるかを決定します。
1
79
1.5
3
18
2
svg.elements.rect

は SVG の要素で、 SVG の基本図形であり、位置・幅・高さで定義される矩形を描画します。矩形は角を丸めることができます。
1
12
1.5
3.1
18
2
svg.elements.rect.fill

fill 属性には使われ方により 2 つの意味があります. 1 つは図形やテキストに使われた場合で，その要素を塗りつぶす色（またはグラデーションやパターンなどの SVG ペイントサーバー）を意味します．もう 1 つはアニメーションに使われた場合で，そのアニメーションの最終状態を定義します．
1
79
1.5
3.1
18
2
svg.elements.rect.height
1
12
1.5
3.1
18
2
svg.elements.rect.rx
1
12
1.5
3.1
18
2
svg.elements.rect.ry
1
12
1.5
3.1
18
2
svg.elements.rect.systemLanguage

systemLanguage 属性は、サポートされている言語タグのリストを表します。 このリストは、ユーザー設定で定義された言語と照合されます。
1
12
12
3.1
18
2
svg.elements.rect.width
1
12
1.5
3.1
18
2
svg.elements.rect.x
1
12
1.5
3.1
18
2
svg.elements.rect.y
1
12
1.5
3.1
18
2
svg.elements.script

script は SVG の要素で、スクリプトを SVG 文書に追加することができます。
1
12
1.5
3
18
2
svg.elements.script.async
実験的
117
svg.elements.script.defer
実験的
117
svg.elements.script.href

href 属性は、リソースへのリンクを参照 URL として定義します。そのリンクの正確な意味は、使用しているそれぞれの要素のコンテキストによって変わります。
50
12
51
12.1
50
12.2
svg.elements.script.type
1
79
1.5
3
18
2
svg.elements.set

は SVG の要素で、指定した時間だけ属性の値を設定するという単純な意味を提供します。
2
12
4
3
18
1
svg.elements.set.fill

fill 属性には使われ方により 2 つの意味があります. 1 つは図形やテキストに使われた場合で，その要素を塗りつぶす色（またはグラデーションやパターンなどの SVG ペイントサーバー）を意味します．もう 1 つはアニメーションに使われた場合で，そのアニメーションの最終状態を定義します．
2
79
4
3
18
2
svg.elements.set.href

href 属性は、リソースへのリンクを参照 URL として定義します。そのリンクの正確な意味は、使用しているそれぞれの要素のコンテキストによって変わります。
50
12
51
12.1
50
12.2
svg.elements.set.systemLanguage

systemLanguage 属性は、サポートされている言語タグのリストを表します。 このリストは、ユーザー設定で定義された言語と照合されます。
2
79
12
3
18
1
svg.elements.set.to
2
12
4
3
18
1
svg.elements.stop

は SVG の要素で、グラデーションで使用する色とその位置を定義します。この要素は常に linearGradient または radialGradient 要素の子です。
1
12
1.5
3
18
3
svg.elements.stop.offset
1
12
1.5
3
18
3
svg.elements.style

の SVG 要素は、スタイルシートを SVG コンテンツ内に直接埋め込むことができるようにします。
1
12
1.5
3
18
2
svg.elements.style.media

media 属性は、スタイル シートを適用するために一致する必要があるメディア クエリを指定します。
1
79
1.5
3
18
2
svg.elements.style.title
1
79
1.5
3
18
2
svg.elements.style.type
1
79
1.5
3
18
2
svg.elements.svg

は SVG の要素で、新しい座標系とビューポートを定義するコンテナーです。これは SVG 文書の最も外側の要素として使用されますが、SVG または HTML 文書の中に SVG の断片を埋め込むためにも使用できます。
1
12
1.5
3
18
2
svg.elements.svg.height
1
12
1.5
3
18
3
svg.elements.svg.preserveAspectRatio
1
12
1.5
3
18
3
svg.elements.svg.systemLanguage

systemLanguage 属性は、サポートされている言語タグのリストを表します。 このリストは、ユーザー設定で定義された言語と照合されます。
1
12
12
3
18
2
svg.elements.svg.viewBox
1
12
1.5
3
18
3
svg.elements.svg.width
1
12
1.5
3
18
3
svg.elements.svg.x
1
12
1.5
3
18
3
svg.elements.svg.y
1
12
1.5
3
18
3
svg.elements.switch

は SVG の要素で、その直接の子要素の requiredFeatures, requiredExtensions, systemLanguage 属性を順に評価し、これらの属性が true と評価された最初の子要素を描画します。
1
12
4
3.1
18
2
svg.elements.switch.systemLanguage

systemLanguage 属性は、サポートされている言語タグのリストを表します。 このリストは、ユーザー設定で定義された言語と照合されます。
1
12
12
3.1
18
2
svg.elements.symbol

は SVG 要素で、use 要素によってインスタンス化することができるグラフィカルなテンプレートオブジェクトを定義する際に使用されます。
1
12
1.5
3
18
2
svg.elements.symbol.preserveAspectRatio
1
79
1.5
3
18
2
svg.elements.symbol.viewBox
1
79
1.5
3
18
2
svg.elements.text

は SVG の要素で、テキストからなるグラフィク要素を定義します。 には、他の SVG グラフィク要素と同じように、グラデーション、パターン、クリッピングパス、マスク、フィルターなどを適用することができます。
1
12
1.5
3
18
2
svg.elements.text.dx

dx 属性は、要素やそのコンテンツの位置の x 軸方向のオフセットを示します。
1
12
1.5
3
18
2
svg.elements.text.dy

dy 属性は、要素やそのコンテンツの位置の y 軸方向のオフセットを示します。
1
12
1.5
3
18
2
svg.elements.text.fill

fill 属性には使われ方により 2 つの意味があります. 1 つは図形やテキストに使われた場合で，その要素を塗りつぶす色（またはグラデーションやパターンなどの SVG ペイントサーバー）を意味します．もう 1 つはアニメーションに使われた場合で，そのアニメーションの最終状態を定義します．
1
79
1.5
3
18
2
svg.elements.text.lengthAdjust

lengthAdjust 属性は、テキストが textLength 属性で定義された長さにどのように引き伸ばされるかを制御します。
1
12
1.5
3
18
2
svg.elements.text.rotate

rotate 属性は、アニメーションする要素が、 animateMotion 要素で指定されたパスに沿って移動する際に、どのように回転させるかを指定します。
1
12
1.5
3
18
2
svg.elements.text.systemLanguage

systemLanguage 属性は、サポートされている言語タグのリストを表します。 このリストは、ユーザー設定で定義された言語と照合されます。
1
12
12
3
18
2
svg.elements.text.textLength

textLength 属性は、 SVGの text 要素と tspan 要素で利用でき、テキストが描かれる空間の幅を指定することができます。 user agentは、 lengthAdjust 属性で指定された方法を使用して、テキストがその長さよりも広がらないようにします。既定では、文字間の間隔のみが調整されますが、 lengthAdjust を変更すると、文字サイズも調整できます。
1
12
1.5
3
18
2
svg.elements.text.x

x 属性はユーザー座標系の X 軸の座標を定義します。
1
12
1.5
3
18
2
svg.elements.text.y

y 属性はユーザー座標系の Y 軸の座標を定義します。
1
12
1.5
3
18
2
svg.elements.textPath

は SVG の要素で、 path 要素の形に沿ってテキストを表示します。 テキストを 要素で囲み、その要素に href 属性を指定して必要な 要素を参照する必要があります。
1
12
2
3.1
18
2
svg.elements.textPath.fill

fill 属性には使われ方により 2 つの意味があります. 1 つは図形やテキストに使われた場合で，その要素を塗りつぶす色（またはグラデーションやパターンなどの SVG ペイントサーバー）を意味します．もう 1 つはアニメーションに使われた場合で，そのアニメーションの最終状態を定義します．
1
79
2
3.1
18
2
svg.elements.textPath.href

href 属性は、リソースへのリンクを参照 URL として定義します。そのリンクの正確な意味は、使用しているそれぞれの要素のコンテキストによって変わります。
50
12
2
12.1
50
12.2
svg.elements.textPath.path
実験的
61
svg.elements.textPath.side
実験的

side 属性は、テキストが配置されるパスの側を（パス方向から見て相対的に）指定します。
61
svg.elements.textPath.spacing

spacing 属性は、パスに沿って描画される文字の間隔をユーザーエージェントがどのように決定すべきかを指定します。
1
79
20
3.1
18
2
svg.elements.textPath.startOffset

startOffset 属性は、パスを textPath 要素の座標系に変換した後、パス上の現在の初期テキスト位置をパスの開始点からずらすオフセットを定義します。
1
12
20
3.1
18
2
svg.elements.textPath.systemLanguage

systemLanguage 属性は、サポートされている言語タグのリストを表します。 このリストは、ユーザー設定で定義された言語と照合されます。
1
12
12
3.1
18
2
svg.elements.textPath.textLength

textLength 属性は、 SVGの text 要素と tspan 要素で利用でき、テキストが描かれる空間の幅を指定することができます。 user agentは、 lengthAdjust 属性で指定された方法を使用して、テキストがその長さよりも広がらないようにします。既定では、文字間の間隔のみが調整されますが、 lengthAdjust を変更すると、文字サイズも調整できます。
1
12
2
3.1
18
2
svg.elements.title

は SVG の要素で、 SVG のコンテナー要素またはグラフィック要素のアクセシブルな短いテキストの説明を提供します。
1
12
1.5
3
18
3
svg.elements.title.tooltip_display

ツールチップの表示
1
79
4
3
18
3
svg.elements.tspan

は SVG の要素で、 text 要素内にあるサブテキストやその他の 要素を定義します。これにより、必要に応じてサブテキストのスタイルや位置を調整することができます。
1
12
1.5
3
18
2
svg.elements.tspan.dx
1
12
1.5
3
18
2
svg.elements.tspan.dy
1
12
1.5
3
18
2
svg.elements.tspan.fill

fill 属性には使われ方により 2 つの意味があります. 1 つは図形やテキストに使われた場合で，その要素を塗りつぶす色（またはグラデーションやパターンなどの SVG ペイントサーバー）を意味します．もう 1 つはアニメーションに使われた場合で，そのアニメーションの最終状態を定義します．
1
79
1.5
3
18
2
svg.elements.tspan.lengthAdjust

lengthAdjust 属性は、テキストが textLength 属性で定義された長さにどのように引き伸ばされるかを制御します。
1
79
3
18
2
svg.elements.tspan.rotate
1
79
1.5
3
18
2
svg.elements.tspan.systemLanguage

systemLanguage 属性は、サポートされている言語タグのリストを表します。 このリストは、ユーザー設定で定義された言語と照合されます。
1
12
12
3
18
2
svg.elements.tspan.textLength

textLength 属性は、 SVGの text 要素と tspan 要素で利用でき、テキストが描かれる空間の幅を指定することができます。 user agentは、 lengthAdjust 属性で指定された方法を使用して、テキストがその長さよりも広がらないようにします。既定では、文字間の間隔のみが調整されますが、 lengthAdjust を変更すると、文字サイズも調整できます。
1
12
3
18
2
svg.elements.tspan.x
1
12
1.5
3
18
2
svg.elements.tspan.y
1
12
1.5
3
18
2
svg.elements.use

要素は SVG 文書の中からノード取り出して、別の場所に複製します。 効果は、あたかもそのノードが非公開の DOM に配下を含めて複製され、 要素がある場所に貼り付けられたかのようになり、template 要素ととても似ています。
1
12
1.5
3
18
2
svg.elements.use.data_uri

「data:」URI からロード
22
≤18
4
25
svg.elements.use.external_uri

外部URIからロード
22
13
4
7
25
7
svg.elements.use.height
1
12
1.5
3
18
2
svg.elements.use.href

href 属性は、リソースへのリンクを参照 URL として定義します。そのリンクの正確な意味は、使用しているそれぞれの要素のコンテキストによって変わります。
50
12
1.5
12.1
50
12.2
svg.elements.use.systemLanguage

systemLanguage 属性は、サポートされている言語タグのリストを表します。 このリストは、ユーザー設定で定義された言語と照合されます。
1
12
12
3
18
2
svg.elements.use.width
1
12
1.5
3
18
2
svg.elements.use.x
1
12
1.5
3
18
2
svg.elements.use.y
1
12
1.5
3
18
2
svg.elements.view

は SVG の要素で、 SVG 文書の具体的なビューを定義します。特定のビューは、 要素の id を URL のターゲットフラグメントとして参照することで表示できます。
1
≤18
15
3
18
2
svg.elements.view.preserveAspectRatio
1
79
15
3
18
2
svg.elements.view.viewBox
1
79
15
3
18
2
svg.global_attributes.alignment-baseline

alignment-baseline 属性は、要素が親要素に対して配置される方法を指定します。このプロパティは、要素と親要素の対応するベースラインのどれを揃えるかを指定します。例えば、ローマ体のテキストでフォントサイズが変わった場合でも、アルファベットのベースラインを一定にすることができます。既定値は alignment-baseline プロパティの計算値と同じ名前の値となります。
≤80
≤80
≤13.1
≤80
≤13.4
svg.global_attributes.baseline-shift

baseline-shift 属性は、親テキストコンテンツ要素の主要ベースラインから相対的に主要ベースラインを再配置することができます。 移動先は、下付きまたは上付き文字である可能性があります。
≤80
≤80
≤13.1
≤80
≤13.4
svg.global_attributes.class

クラス名またはクラス名のセットを要素に割り当てます。 同じクラス名を任意の数の要素に割り当てることができますが、複数のクラス名は空白文字で区切る必要があります。
1
12
1
1
18
1
svg.global_attributes.clip-rule

clip-rule 属性は、 要素内に含まれているグラフィック要素にのみ適用されます。 clip-rule 属性は、 属性と基本的に同じように機能しますが、 定義に適用される点が異なります。
≤80
≤80
≤72
≤13.1
≤80
≤13.4
svg.global_attributes.color

color 属性は、間接的な値の候補である currentColor を fill, stroke, stop-color, flood-color, lighting-color の各属性に与えるために使用します。
1
12
1
1
18
1
svg.global_attributes.color-interpolation

color-interpolation 属性は、グラデーションの補間、色のアニメーション、アルファ合成に用いる色空間を指定します。
≤80
≤80
≤72
≤13.1
≤80
≤13.4
svg.global_attributes.color-interpolation-filters

color-interpolation-filters 属性は、フィルター効果で行う画像操作で用いる色空間を指定します。
≤80
≤80
≤72
≤13.1
≤80
≤13.4
svg.global_attributes.color-interpolation.linearGradient
123
svg.global_attributes.color-interpolation.sRGB
≤80
≤80
≤72
≤13.1
≤80
≤13.4
svg.global_attributes.data_attributes

`data-*` 属性
55
79
51
10
55
10
svg.global_attributes.direction

direction 属性は、text または tspan 要素のインラインベース方向を指定します。これは、text-anchor および inline-size プロパティで使用されるテキスト行の先頭と末尾の位置を定義します。また、unicode-bidi プロパティの値が embed または bidi-override のどちらかである場合、文字が配置される方向にも影響を与える可能性があります。
2
12
1
1
18
1
svg.global_attributes.display

display 属性は、グラフィック要素またはコンテナー要素のレンダリングを制御します。
1
12
1
1
18
1
svg.global_attributes.dominant-baseline

dominant-baseline 属性は、ボックス内のテキストとインラインレベルのコンテンツを整列させるために使用される主要ベースラインを指定します。また、ボックスの整列コンテキストでベースライン揃えに参加するすべてのボックスの既定の整列ベースラインも示します。
≤80
≤80
≤72
≤13.1
≤80
≤13.4
svg.global_attributes.fill-rule

fill-rule 属性はプレゼンテーション属性で、図形の内部を決定するために使用するアルゴリズムを定義します。
≤15
79
18
≤13.1
18
≤13.4
svg.global_attributes.id

id 属性は要素に固有の名前を割り当てます。
1
12
1
1
18
1
svg.global_attributes.image-rendering

image-rendering 属性は、画像処理を行う際に速度と品質のトレードオフをどのように行うかについて、ブラウザーにヒントを提供します。
13
79
3.6
6
18
6
svg.global_attributes.lang

lang 属性は、特定の要素のテキスト コンテンツを含むコンテンツおよび属性で使用される主言語を指定します。
1
12
1
≤4
18
≤3.2
svg.global_attributes.lighting-color

Lighting-color 属性は、照明フィルター プリミティブの光源の色を定義します。
5
12
3
6
18
6
svg.global_attributes.marker-end

marker-end 属性は、指定されたシェイプの最終頂点に描画される矢印またはポリマーカーを定義します。
≤80
≤80
≤72
≤13.1
≤80
≤13.4
svg.global_attributes.marker-mid

marker-mid 属性は、指定されたシェイプの中間の頂点すべてに描かれる矢印やマーカーを定義します。
≤80
≤80
≤72
≤13.1
≤80
≤13.4
svg.global_attributes.marker-start

marker-start 属性は、指定されたシェイプの最初の頂点に描画される矢印またはポリマーカーを定義します。
≤80
≤80
≤72
≤13.1
≤80
≤13.4
svg.global_attributes.mask

mask 属性は、主に指定された 要素とその属性が属する要素を結びつけるために使用されるプレゼンテーション属性です。
120
120
53
15.4
120
15.4
svg.global_attributes.overflow

overflow 属性は、要素のコンテンツがブロック整形コンテキストに収まりきらない場合に、どうするかを設定します。この機能は、まだ広く実装されていません。
1
12
1
1
18
1
svg.global_attributes.pointer-events

pointer-events 属性は、要素がマウスイベントの対象となるかどうか、またはそのタイミングを定義するための表示属性です。
1
12
1.5
4
18
3.2
svg.global_attributes.requiredExtensions

requiredExtensions SVG 条件付き処理属性は、言語拡張子を参照するスペースで区切られた URL 値のリストです。 言語拡張機能は、ブラウザの標準仕様で定義されている機能を超える拡張機能です。
81
81
2
8
81
8
svg.global_attributes.requiredExtensions.mathml

MathML名前空間を認識します
109
109
2
8
109
8
svg.global_attributes.shape-rendering

シェイプ レンダリング属性は、パス、円、四角形などのシェイプをレンダリングするときにどのようなトレードオフを行うべきかに関するヒントをレンダラーに提供します。
≤80
≤80
≤72
≤13.1
≤80
≤13.4
svg.global_attributes.stop-color

stop-color 属性は、グラデーションの色経由点で使用する色を示します。
1
12
1.5
3
18
3
svg.global_attributes.stop-opacity

stop-opacity 属性は、特定のカラー グラデーション停止の不透明度を定義します。
1
12
1.5
3
18
14
svg.global_attributes.stroke

stroke 属性はプレゼンテーション属性で、この図形の描線を描画するのに使われる色（またはグラデーションやパターンなどの SVG ペイントサーバー）を定義します。
≤80
≤80
≤72
≤13.1
≤80
≤13.4
svg.global_attributes.stroke-dasharray

stroke-dasharray 属性は、図形の描線を描くのに用いるダッシュとすき間のパターンを定義するプレゼンテーション属性です。
≤80
≤80
1
≤13.1
≤80
≤13.4
svg.global_attributes.stroke-dashoffset

stroke-dashoffset 属性は、関連する破線をレンダリングするうえで、オフセットを定義するプレゼンテーション属性です。
≤80
≤80
1
≤13.1
≤80
≤13.4
svg.global_attributes.stroke-linecap

stroke-linecap 属性は、開いたサブパスの描線（線）が描画されるときに、その末端に使用する形状を定義するプレゼンテーション属性です。
≤80
≤80
1
≤13.1
≤80
≤13.4
svg.global_attributes.stroke-linejoin

stroke-linejoin 属性は、描線（線）が描かれたときにパスの角に使用する形状を定義する表示属性です。
≤80
≤80
1
≤13.1
≤80
≤13.4
svg.global_attributes.stroke-miterlimit

stroke-miterlimit 属性はプレゼンテーション属性で、制限長をマイター長とマイター接続に使用する の比率で定義します。制限長を超えると、接続はマイターからベベルへと変更されます。
≤80
≤80
1
≤13.1
≤80
≤13.4
svg.global_attributes.stroke-width

stroke-width属性は、図形に適用される描線の幅を定義する表示属性です。これは、あらゆる SVG 図形またはテキストコンテンツ要素に適用されますが、継承プロパティとして、 g などの要素に適用され、子孫要素の線に意図通りの効果を持つことができます。
≤80
≤80
1
≤13.1
≤80
≤13.4
svg.global_attributes.style

style 属性を使用すると、CSS 宣言を使用して要素のスタイルを設定できます。 これは、HTML の style 属性と同じように機能します。
1
12
1
1
18
1
svg.global_attributes.tabindex

tabindex 属性を使用すると、要素にフォーカスを合わせることができるかどうかを制御し、連続したフォーカスナビゲーションのために要素の相対的な順序を定義することができます。
1
12
51
≤4
18
≤3.2
svg.global_attributes.text-anchor

text-anchor 属性は、整形済みテキストや、折り返し領域が指定された基準点から inline-size で指定された領域となる自動折り返しテキストの文字列の位置揃え（行の先頭、中央、末尾揃え）に使用されます。
≤80
≤80
≤72
≤13.1
≤80
≤13.4
svg.global_attributes.text-decoration

text-decoration 属性は、テキストを下線、上線、取り消し線で装飾するかどうかを定義します。 これは、text-decoration-line プロパティと text-decoration-style プロパティの短縮形です。
1
12
1
1
18
1
svg.global_attributes.text-rendering

text-rendering 属性は、テキストをレンダリングするときにどのようなトレードオフを行うべきかについてのヒントをレンダラーに提供します。
4
79
1
5
18
4.2
svg.global_attributes.transform

transform 属性は、要素とその要素の子に適用される座標変換定義のリストを定義します。
36
12
16
9
36
9
svg.global_attributes.transform-origin

transform-origin は SVG の属性で、アイテムの座標変換の原点を設定します。
≤83
≤83
77
≤13.1
≤83
≤13.4
svg.global_attributes.unicode-bidi

unicode-bidi 属性は、direction 属性と共に、文書内の双方向テキストの扱いを指定します。例えば、テキストブロックに左書き (LTR) と右書き (RTL) の両方のテキストが含まれている場合、ユーザーエージェントは、複雑な Unicode アルゴリズムを用いてテキストの表示方法を決定します。 unicode-bidi 属性は、このアルゴリズムを上書きして開発者がテキストの埋め込みを制御できるようにします。 <!-- この部分の記述が原文で明らかに間違っているので、CSS プロパティの説明を一時的に流用しています。原文の更新後にその翻訳で置き換えてください。 -->
2
12
1
1.3
18
1
svg.global_attributes.vector-effect

vector-effect プロパティは、オブジェクトを描画する際に使用するベクター効果を指定します。ベクター効果は、フィルター、マスク、クリップなど、他にもある合成処理を行う前に適用されます。
≤80
≤80
≤72
≤13.1
≤80
≤13.4
svg.global_attributes.visibility

visibility 属性は、グラフィック要素の表示/非表示を制御します。値を hidden または collapse に設定すると、現在のグラフィック要素は表示されなくなります。
1
12
1
1
18
1
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)
注釈 1件
実装メモ
  • 標準の「load」イベントの実装ステータスについては、バグ 620002 を参照してください。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (56)
実装メモ
  • `SVGGeometryElement` インターフェース自体は存在しませんが、そのメンバーの一部は `SVGPathElement` インターフェースで利用できます。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (79)
実装メモ
  • `SVGGeometryElement` インターフェース自体は存在しませんが、そのメンバーの一部は `SVGPathElement` インターフェースで利用できます。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (53)
実装メモ
  • `SVGGeometryElement` インターフェース自体は存在しませんが、そのメンバーの一部は `SVGPathElement` インターフェースで利用できます。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (12)
実装メモ
  • `SVGGeometryElement` インターフェース自体は存在しませんが、そのメンバーの一部は `SVGPathElement` インターフェースで利用できます。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (56)
実装メモ
  • `SVGGeometryElement` インターフェース自体は存在しませんが、そのメンバーの一部は `SVGPathElement` インターフェースで利用できます。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (12)
実装メモ
  • `SVGGeometryElement` インターフェース自体は存在しませんが、そのメンバーの一部は `SVGPathElement` インターフェースで利用できます。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (56)
実装メモ
  • すべての SVGeometryElement オブジェクトではなく、`SVGPathElement` に対してのみサポートされます。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (79)
実装メモ
  • すべての SVGeometryElement オブジェクトではなく、`SVGPathElement` に対してのみサポートされます。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (61)
実装メモ
  • すべての SVGeometryElement オブジェクトではなく、`SVGPathElement` に対してのみサポートされます。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (12)
実装メモ
  • すべての SVGeometryElement オブジェクトではなく、`SVGPathElement` に対してのみサポートされます。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (56)
実装メモ
  • すべての SVGeometryElement オブジェクトではなく、`SVGPathElement` に対してのみサポートされます。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (12)
実装メモ
  • すべての SVGeometryElement オブジェクトではなく、`SVGPathElement` に対してのみサポートされます。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (56)
実装メモ
  • すべての SVGeometryElement オブジェクトではなく、`SVGPathElement` に対してのみサポートされます。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (79)
実装メモ
  • すべての SVGeometryElement オブジェクトではなく、`SVGPathElement` に対してのみサポートされます。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (61)
実装メモ
  • すべての SVGeometryElement オブジェクトではなく、`SVGPathElement` に対してのみサポートされます。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (12)
実装メモ
  • すべての SVGeometryElement オブジェクトではなく、`SVGPathElement` に対してのみサポートされます。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (56)
実装メモ
  • すべての SVGeometryElement オブジェクトではなく、`SVGPathElement` に対してのみサポートされます。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (12)
実装メモ
  • すべての SVGeometryElement オブジェクトではなく、`SVGPathElement` に対してのみサポートされます。
注釈 1件
実装メモ
  • このメソッドが呼び出される要素は DOM 内に存在する必要があります。 それ以外の場合、このメソッドは常に「false」を返します。
注釈 1件
実装メモ
  • このメソッドが呼び出される要素は DOM 内に存在する必要があります。 それ以外の場合、このメソッドは常に「false」を返します。
注釈 1件
実装メモ
  • このメソッドが呼び出される要素は DOM 内に存在する必要があります。 それ以外の場合、このメソッドは常に「false」を返します。
注釈 1件
実装メモ
  • このメソッドが呼び出される要素は DOM 内に存在する必要があります。 それ以外の場合、このメソッドは常に「false」を返します。
注釈 1件
実装メモ
  • このメソッドが呼び出される要素は DOM 内に存在する必要があります。 それ以外の場合、このメソッドは常に「false」を返します。
注釈 1件
実装メモ
  • このメソッドが呼び出される要素は DOM 内に存在する必要があります。 それ以外の場合、このメソッドは常に「false」を返します。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (57)
実装メモ
  • すべての SVGeometryElement オブジェクトではなく、`SVGPathElement` に対してのみサポートされます。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (61)
実装メモ
  • すべての SVGeometryElement オブジェクトではなく、`SVGPathElement` に対してのみサポートされます。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (12)
実装メモ
  • すべての SVGeometryElement オブジェクトではなく、`SVGPathElement` に対してのみサポートされます。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (57)
実装メモ
  • すべての SVGeometryElement オブジェクトではなく、`SVGPathElement` に対してのみサポートされます。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (12)
実装メモ
  • すべての SVGeometryElement オブジェクトではなく、`SVGPathElement` に対してのみサポートされます。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (30)
実装メモ
  • `SVGGraphicsElement` インターフェース自体は存在しませんが、そのメンバーの一部は `SVGGraphicsElement` から継承するインターフェースで使用できます。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (20)
実装メモ
  • `SVGGraphicsElement` インターフェース自体は存在しませんが、そのメンバーの一部は `SVGGraphicsElement` から継承するインターフェースで使用できます。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (7)
実装メモ
  • `SVGGraphicsElement` インターフェース自体は存在しませんが、そのメンバーの一部は `SVGGraphicsElement` から継承するインターフェースで使用できます。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (30)
実装メモ
  • `SVGGraphicsElement` インターフェース自体は存在しませんが、そのメンバーの一部は `SVGGraphicsElement` から継承するインターフェースで使用できます。
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (7)
実装メモ
  • `SVGGraphicsElement` インターフェース自体は存在しませんが、そのメンバーの一部は `SVGGraphicsElement` から継承するインターフェースで使用できます。
注釈 2件
実装メモ
  • Firefox 128 より前では、塗りつぶしがない場合、`getBBox()` メソッドは空の `DOMRect` を返しました (バグ 1019326)。
  • Firefox 68 より前では、このメソッドは `<textPath>` 要素と `<tspan>` 要素に対して機能しませんでした (バグ 937268)。
注釈 1件
実装メモ
  • 親に対する変換はその子には伝播されません。 バグ 209220 を参照してください。
注釈 1件
実装メモ
  • 親に対する変換はその子には伝播されません。 バグ 209220 を参照してください。
注釈 1件
実装メモ
  • バージョン 13 以降、`SVGStringList` は配列と同様にインデックス可能ですが、これは非標準の動作です。
注釈 1件
削除済み
  • このバージョンで機能が削除されました (21)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (21)
注釈 1件
実装メモ
  • CSS バックグラウンドでの SVG のサポートは不完全です。
注釈 1件
実装メモ
  • CSS バックグラウンドでの SVG のサポートは不完全です。
注釈 1件
実装メモ
  • このプロパティは解析されるが、何の効果もない。
注釈 1件
実装メモ
  • このプロパティは解析されるが、何の効果もない。
注釈 1件
実装メモ
  • Safari 17.4 より前では、この値は認識されていましたが、効果はなく、SVG 要素に適用される属性としてのみ認識されていました。 バグ 266090 を参照してください。
注釈 1件
実装メモ
  • Before Safari on iOS 17.4, the value was recognized, but had no effect, and was only recognized as an attribute applied to the SVG element. バグ 266090 を参照してください。
注釈 1件
実装メモ
  • Safari 17.4 より前では、この値は認識されていましたが、効果はなく、SVG 要素に適用される属性としてのみ認識されていました。 バグ 266090 を参照してください。
注釈 1件
実装メモ
  • Before Safari on iOS 17.4, the value was recognized, but had no effect, and was only recognized as an attribute applied to the SVG element. バグ 266090 を参照してください。
注釈 2件
実装メモ
  • このプロパティは、Windows と Linux でのみサポートされます。
  • 初期バージョンには、Windows と Linux にバグがあり、フォントの置換、小文字、文字間隔が壊れたり、テキストが重なったりすることがありました。 バグ 40156511、バグ 40430936、バグ 40444347、バグ 40286561 を参照してください。
注釈 2件
実装メモ
  • このプロパティは、Windows と Linux でのみサポートされます。
  • 初期バージョンには、Windows と Linux にバグがあり、フォントの置換、小文字、文字間隔が壊れたり、テキストが重なったりすることがありました。 バグ 40156511、バグ 40430936、バグ 40444347、バグ 40286561 を参照してください。
注釈 2件
実装メモ
  • このプロパティは、Windows と Linux でのみサポートされます。
  • `optimizeSpeed` オプションは Firefox 4 では効果がありません。これは、テキスト レンダリングの標準コードがすでに高速であり、現時点ではこれより高速なコード パスが存在しないためです。 詳細については、バグ 595688 を参照してください。
注釈 2件
実装メモ
  • このプロパティは、Windows と Linux でのみサポートされます。
  • 初期バージョンには、Windows と Linux にバグがあり、フォントの置換、小文字、文字間隔が壊れたり、テキストが重なったりすることがありました。 バグ 40156511、バグ 40430936、バグ 40444347、バグ 40286561 を参照してください。
注釈 1件
実装メモ
  • Chrome は「auto」を「optimizeSpeed」として扱います。
注釈 1件
実装メモ
  • Edge は「auto」を「optimizeSpeed」として扱います。
注釈 1件
実装メモ
  • フォント サイズが 20 ピクセル以上の場合、Firefox は `auto` を `optimizeLegibility` として扱います。 テキストが小さい場合、Firefox は「auto」を「optimizeSpeed」として扱います。 20 ピクセルのしきい値は、「browser.display.auto_quality_min_font_size」設定で変更できます。
注釈 1件
実装メモ
  • Safari は「auto」を「optimizeSpeed」として扱います。 バグ 41363 を参照してください。
注釈 1件
実装メモ
  • Chrome Android は「auto」を「optimizeSpeed」として扱います。
注釈 1件
実装メモ
  • iOS 上の Safari は「auto」を「optimizeSpeed」として扱います。 バグ 41363 を参照してください。
注釈 1件
実装メモ
  • オペレーティング システムでサポートされている最も近いフォント サイズに四捨五入することなく、真の幾何学的精度をサポートします。
注釈 1件
実装メモ
  • オペレーティング システムでサポートされている最も近いフォント サイズに四捨五入することなく、真の幾何学的精度をサポートします。
注釈 1件
実装メモ
  • Firefox は `geometricPrecision` を `optimizeLegibility` と同じように扱います。
注釈 1件
実装メモ
  • オペレーティング システムでサポートされている最も近いフォント サイズに四捨五入することなく、真の幾何学的精度をサポートします。
注釈 1件
実装メモ
  • キーワードとパーセンテージは、オブジェクト自体ではなくキャンバスを参照します。 バグ 1209061 を参照してください。
注釈 1件
実装メモ
  • CSS の「transform」プロパティを使用して適用される変換に対してのみサポートされます (例: `.className {transform:rotate(45deg);transform-origin:center;}`)。 これは、`transform` SVG 属性 (例: `<rect style="transform-origin: center;" transform="rotate(45)" />`) を使用して適用される変換には影響しません。
注釈 1件
実装メモ
  • CSS の「transform」プロパティを使用して適用される変換に対してのみサポートされます (例: `.className {transform:rotate(45deg);transform-origin:center;}`)。 これは、`transform` SVG 属性 (例: `<rect style="transform-origin: center;" transform="rotate(45)" />`) を使用して適用される変換には影響しません。
注釈 1件
削除済み
  • このバージョンで機能が削除されました (79)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (92)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (92)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (92)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (79)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (79)
注釈 1件
実装メモ
  • Safari 6 までは、参照パスが動的に変更された場合、textPath は再レンダリングされませんでした (バグ 15799 を参照)
注釈 1件
実装メモ
  • iOS 6 の Safari までは、参照パスが動的に変更された場合、textPath は再レンダリングされませんでした (バグ 15799 を参照)
注釈 1件
実装メモ
  • パス要素への参照のみを受け入れます。 基本的な形状 (長方形、円、楕円、線、多角形、ポリライン) は機能しません。
注釈 1件
実装メモ
  • パス要素への参照のみを受け入れます。 基本的な形状 (長方形、円、楕円、線、多角形、ポリライン) は機能しません。
注釈 1件
実装メモ
  • パス要素への参照のみを受け入れます。 基本的な形状 (長方形、円、楕円、線、多角形、ポリライン) は機能しません。
注釈 1件
実装メモ
  • パス要素への参照のみを受け入れます。 基本的な形状 (長方形、円、楕円、線、多角形、ポリライン) は機能しません。
注釈 1件
実装メモ
  • バージョン 56 より前の Firefox は、「use」カスケード ルールに完全には準拠していません (バグ 265894 を参照)。 修正は、Amelia Bellamy-Royds によって StackOverflow に文書化されています。
注釈 1件
削除済み
  • このバージョンで機能が削除されました (120)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (122)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (120)
注釈 2件
制限事項
  • このブラウザでは部分的にしか実装されていません
実装メモ
  • デフォルト値の `sRGB` のみが実装されます
注釈 2件
制限事項
  • このブラウザでは部分的にしか実装されていません
実装メモ
  • デフォルト値の `sRGB` のみが実装されます
注釈 2件
制限事項
  • このブラウザでは部分的にしか実装されていません
実装メモ
  • デフォルト値の `sRGB` のみが実装されます
注釈 2件
制限事項
  • このブラウザでは部分的にしか実装されていません
実装メモ
  • デフォルト値の `sRGB` のみが実装されます
注釈 2件
制限事項
  • このブラウザでは部分的にしか実装されていません
実装メモ
  • デフォルト値の `sRGB` のみが実装されます
注釈 5件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (120)
実装メモ
  • プロパティが認識されている間は、それに適用された値は何の効果もありません。
  • 接頭辞付きプロパティは、わずかに異なる構文を使用して SVG および HTML で使用でき、非標準の `-webkit-mask-attachment` プロパティを設定できます。
対応条件
  • ベンダープレフィックス付きで対応: -webkit- (1)
注釈 6件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (120)
  • このバージョンで機能が削除されました (79)
実装メモ
  • プロパティが認識されている間は、それに適用された値は何の効果もありません。
  • 接頭辞付きプロパティは、わずかに異なる構文を使用して SVG および HTML で使用でき、非標準の `-webkit-mask-attachment` プロパティを設定できます。
対応条件
  • ベンダープレフィックス付きで対応: -webkit- (79)
注釈 3件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (53)
実装メモ
  • `mask: url(file.svg#mask_id)` または `mask: url(#mask_id)` のみをサポートします。ここで、URL は SVG `<mask>` 要素への参照です。
注釈 5件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (15.4)
実装メモ
  • プロパティが認識されている間は、それに適用された値は何の効果もありません。
  • 接頭辞付きプロパティは、わずかに異なる構文を使用して SVG および HTML で使用でき、非標準の `-webkit-mask-attachment` プロパティを設定できます。
対応条件
  • ベンダープレフィックス付きで対応: -webkit- (3.1)
注釈 5件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (120)
実装メモ
  • プロパティが認識されている間は、それに適用された値は何の効果もありません。
  • 接頭辞付きプロパティは、わずかに異なる構文を使用して SVG および HTML で使用でき、非標準の `-webkit-mask-attachment` プロパティを設定できます。
対応条件
  • ベンダープレフィックス付きで対応: -webkit- (18)
注釈 5件
制限事項
  • このブラウザでは部分的にしか実装されていません
削除済み
  • このバージョンで機能が削除されました (15.4)
実装メモ
  • プロパティが認識されている間は、それに適用された値は何の効果もありません。
  • 接頭辞付きプロパティは、わずかに異なる構文を使用して SVG および HTML で使用でき、非標準の `-webkit-mask-attachment` プロパティを設定できます。
対応条件
  • ベンダープレフィックス付きで対応: -webkit- (2)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (11)
注釈 2件
実装メモ
  • このプロパティは、Windows と Linux でのみサポートされます。
  • 初期バージョンには、Windows と Linux にバグがあり、フォントの置換、小文字、文字間隔が壊れたり、テキストが重なったりすることがありました。 バグ 40156511、バグ 40430936、バグ 40444347、バグ 40286561 を参照してください。
注釈 2件
実装メモ
  • このプロパティは、Windows と Linux でのみサポートされます。
  • 初期バージョンには、Windows と Linux にバグがあり、フォントの置換、小文字、文字間隔が壊れたり、テキストが重なったりすることがありました。 バグ 40156511、バグ 40430936、バグ 40444347、バグ 40286561 を参照してください。
注釈 2件
実装メモ
  • このプロパティは、Windows と Linux でのみサポートされます。
  • `optimizeSpeed` オプションは Firefox 4 では効果がありません。これは、テキスト レンダリングの標準コードがすでに高速であり、現時点ではこれより高速なコード パスが存在しないためです。 詳細については、バグ 595688 を参照してください。
注釈 2件
実装メモ
  • このプロパティは、Windows と Linux でのみサポートされます。
  • 初期バージョンには、Windows と Linux にバグがあり、フォントの置換、小文字、文字間隔が壊れたり、テキストが重なったりすることがありました。 バグ 40156511、バグ 40430936、バグ 40444347、バグ 40286561 を参照してください。
注釈 1件
対応条件
  • ベンダープレフィックス付きで対応: -webkit- (1)
注釈 1件
対応条件
  • ベンダープレフィックス付きで対応: -webkit- (12)
注釈 3件
対応条件
  • ベンダープレフィックス付きで対応: -webkit- (49)
  • ベンダープレフィックス付きで対応: -moz- (≤40)
削除済み
  • このバージョンで機能が削除されました (preview)
注釈 1件
対応条件
  • ベンダープレフィックス付きで対応: -webkit- (3.1)
注釈 1件
対応条件
  • ベンダープレフィックス付きで対応: -webkit- (18)
注釈 1件
対応条件
  • ベンダープレフィックス付きで対応: -webkit- (3.2)
注釈 2件
制限事項
  • このブラウザでは部分的にしか実装されていません
実装メモ
  • 「transform」SVG プレゼンテーション属性では機能しません。 CSS の「transform」プロパティでのみ機能します。 バグ 201854 を参照してください。
注釈 2件
制限事項
  • このブラウザでは部分的にしか実装されていません
実装メモ
  • 「transform」SVG プレゼンテーション属性では機能しません。 CSS の「transform」プロパティでのみ機能します。 バグ 201854 を参照してください。

基本構文

HTML 
<svg width="100" height="100" viewBox="0 0 100 100">
  <circle cx="50" cy="50" r="40"
    fill="#3498db" stroke="#2c3e50" />
</svg>

ライブデモ

basicshape

A demo pattern for basic shapes in CSS.

プレビュー全画面表示

Path and polygon

A demo pattern for paths and polygons in CSS.

プレビュー全画面表示

Text and group

A demo pattern for text and groups in CSS.

プレビュー全画面表示

実務での使いどころ

  • スケーラブルなアイコン

    Retinaディスプレイを含むすべての画面解像度で鮮明に表示されるアイコンやロゴを作成します。

注意点

  • 複雑なSVGはファイルサイズが大きくなりパフォーマンスに影響するため、不要なパスやメタデータを最適化ツールで削除してください。

アクセシビリティ

  • SVG要素に role="img" と適切な <title> 要素を追加し、スクリーンリーダーが内容を読み上げられるようにしてください。

参考リンク