SVG11/svgdom.html

<!DOCTYPE html>
<html lang="ja">
<head>


	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title title="SVG Document Object Model (DOM)">SVG DOM （文書オブジェクトモデル） – SVG 1.1 （第２版）</title>
	<link rel="stylesheet" type="text/css" media="screen" href="style/svg-style.css">
	<link rel="stylesheet" href="style/W3C-REC.css">
</head><body>

<div class="header top">
<a href="index.html#minitoc">目次</a> ⋅
<a href="expanded-toc.html">詳細目次</a> ⋅
<a href="svgdtd.html">前章</a> ⋅
<a href="idl.html">次章</a> ⋅
<a href="eltindex.html">要素</a> ⋅
<a href="attindex.html">属性</a> ⋅
<a href="propidx.html">プロパティ</a>
</div>

<h1 title="Appendix B: SVG Document Object Model (DOM)">付録 B: SVG DOM （文書オブジェクトモデル）</h1>

<h2 title="Contents" id="toc">目次</h2>

<ul class="toc">
<li><a title="B.1 SVG DOM overview" href="svgdom.html#SVGDOMOverview">
B.1 SVG DOM の概観</a>
<ul class="toc">
<li><a title="B.1.1 SVG DOM object initialization" href="svgdom.html#SVGObjectInitialization">
B.1.1 SVG DOM オブジェクトの初期化</a></li><!--  -->
</ul></li>
<li><a title="B.2 Elements in the SVG DOM" href="svgdom.html#ElementsInTheSVGDOM">
B.2 SVG DOM における要素</a></li><!--  -->
<li><a title="B.3 Naming conventions" href="svgdom.html#SVGDOMNamingConventions">
B.3 命名慣行</a></li>
<li><a title="B.4 Exception SVGException" href="svgdom.html#ExceptionSVGException">
B.4 例外 SVGException</a></li><!--  -->
<li><a title="B.5 Feature strings for the hasFeature method call" href="svgdom.html#FeatureStrings">
B.5 <strong>hasFeature</strong> メソッドに渡す特能文字列</a></li>
<li><a title="B.6 Relationship with DOM Level 2 Events" href="svgdom.html#RelationshipWithDOM2Events">
B.6 DOM Level 2 イベントとの関係</a></li>
<li><a title="B.7 Relationship with DOM Level 2 CSS" href="svgdom.html#RelationshipWithCSSOM">
B.7 DOM Level 2 CSS との関係</a>
<ul class="toc">
<li><a title="B.7.1 Introduction" href="svgdom.html#CSSDOMIntro">
B.7.1 概要</a></li>
<li><a title="B.7.2 User agents that do not support styling with CSS" href="svgdom.html#CSSDOMFeaturesNoCSSSupport">
B.7.2 CSS によるスタイル付けをサポートしない UA</a></li>
<li><a title="B.7.3 User agents that support styling with CSS" href="svgdom.html#CSSDOMFeaturesWithCSSSupport">
B.7.3 CSS によるスタイル付けをサポートする UA</a></li>
<li><a title="B.7.4 Extended interfaces" href="svgdom.html#ExtendedInterfaces">
B.7.4 拡張インタフェース</a></li>
</ul></li>
<li><a title="B.8 Read only nodes in the DOM" href="svgdom.html#ReadOnlyNodes">
B.8 DOM における読み取り専用ノード</a></li><!--  -->
<li><a title="B.9 Invalid values" href="svgdom.html#InvalidValues">
B.9 無効な値</a></li>
</ul>


    <p class="normativity"><strong>この付録は規定である。</strong></p>

<h2 title="B.1 SVG DOM overview" id="SVGDOMOverview">B.1 SVG DOM 概観</h2>

<p class="T">
この付録は、 SVG DOM についての概要, および SVG DOM と 
<a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/"><cite>文書オブジェクトモデル (DOM) レベル 2 Core 仕様</cite></a>
[<a href="refs.html#ref-DOM2">DOM2</a>]
との関係について述べる。
SVG 仕様の特定のセクションに固有の SVG DOM インタフェースは、次に挙げる，この仕様の対応する章の末尾に定義されている：
<span lang="en">
This appendix provides an introduction to the SVG DOM and discusses the relationship of the SVG DOM with the Document Object Model (DOM) Level 2 Core Specification [DOM2]. The specific SVG DOM interfaces that correspond to particular sections of the SVG specification are defined at the end of corresponding chapters in this specification, as follows:
</span></p>

    <ul>
<li title="Basic DOM interfaces">
<a href="types.html#BasicDOMInterfaces">基本 DOM インタフェース</a>
</li>
<li title="Styling interfaces">
<a href="styling.html#DOMInterfaces">スタイル付け インタフェース</a>
</li>
<li title="Document Structure interfaces">
<a href="struct.html#DOMInterfaces">文書構造 インタフェース</a>
</li>
<li title="Coordinate Systems, Transformations and Units interfaces">
<a href="coords.html#DOMInterfaces">座標系, 変換, 単位インタフェース</a>
</li>
<li title="Paths interfaces">
<a href="paths.html#DOMInterfaces">パス インタフェース</a>
</li>
<li title="Basic Shapes interfaces">
<a href="shapes.html#DOMInterfaces">基本図形 インタフェース</a>
</li>
<li title="Text interfaces">
<a href="text.html#DOMInterfaces">テキスト インタフェース</a>
</li>
<li title="Painting: Filling, Stroking and Marker Symbols interfaces">
<a href="painting.html#DOMInterfaces">塗り：フィル, ストローク, マーカシンボル インタフェース</a>
</li>
<li title="Color interfaces">
<a href="color.html#DOMInterfaces">色 インタフェース</a>
</li>
<li title="Gradients and Patterns interfaces">
<a href="pservers.html#DOMInterfaces">グラデーションとパターン インタフェース</a>
</li>
<li title="Clipping, Masking and Compositing interfaces">
<a href="masking.html#DOMInterfaces">クリッピング, マスキング, 組成法 インタフェース</a>
</li>
<li title="Filter Effects interfaces">
<a href="filters.html#DOMInterfaces">フィルタ効果 インタフェース</a>
</li>
<li title="Interactivity interfaces">
<a href="interact.html#DOMInterfaces">対話性 インタフェース</a>
</li>
<li title="Linking interfaces">
<a href="linking.html#DOMInterfaces">リンク インタフェース</a>
</li>
<li title="Scripting interfaces">
<a href="script.html#DOMInterfaces">スクリプト インタフェース</a>
</li>
<li title="Animation interfaces">
<a href="animate.html#DOMInterfaces">アニメーション インタフェース</a>
</li>
<li title="Fonts interfaces">
<a href="fonts.html#DOMInterfaces">フォント インタフェース</a>
</li>
<li title="Metadata interfaces">
<a href="metadata.html#DOMInterfaces">メタデータ インタフェース</a>
</li>
<li title="Extensibility interfaces">
<a href="extend.html#DOMInterfaces">拡張性 インタフェース</a>
</li>
</ul>

<p class="T">
SVG DOM は DOM Level 2 と互換性を保つように構築されている。
<span lang="en">
The SVG DOM builds upon and is compatible with DOM Level 2. In particular:
</span></p>

    <ul>

<li class="T">
SVG DOM は
<a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/">DOM Level 2 Core</a>
[<a href="refs.html#ref-DOM2">DOM2</a>]
の完全なサポートを要求する。
<span lang="en">
The SVG DOM requires complete support for DOM Level 2 Core [DOM2]
</span></li>

<li class="T">
SVG DOM は適切な部分において
<a href="http://www.w3.org/TR/1998/REC-DOM-Level-1-19981001/level-one-html.html">Document Object Model HTML</a>
([<a href="refs.html#ref-DOM1">DOM1</a>], 2 章)
に倣ってモデル化されており、それに対する一貫性を保っている。
<span lang="en">
Wherever appropriate, the SVG DOM is modeled after and maintains consistency with the Document Object Model HTML ([DOM1], chapter 2).
</span></li>

<li class="T">
SVG DOM は
<a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Views-20001113/">DOM Level 2 ビュー</a>
[<a href="refs.html#ref-DOM2VIEWS">DOM2VIEWS</a>]
の完全なサポートを要求する。
<span lang="en">
The SVG DOM requires complete support for DOM Level 2 Views [DOM2VIEWS].
</span></li>

<li class="T">
SVG DOM は、 DOM2 イベントモデル
[<a href="http://www.w3.org/TR/DOM-Level-2-Events/events.html">DOM2-EVENTS</a>]
の関連する部分に対するサポートを要求する（
[<a href="http://www.w3.org/TR/DOM-Level-2-Events/events.html">DOM2-EVENTS</a>]
どの特能が要求されるについては
<a href="svgdom.html#RelationshipWithDOM2Events">DOM2 イベントとの関係</a>
を見よ）
<span lang="en">
The SVG DOM requires support for relevant aspects of DOM Level 2 Events [DOM2EVENTS]. (For the specific features from DOM 2 Events that are required, see see Relationship with DOM Level 2 Events.)
</span></li>

<li class="T">
SVG DOM は CSS をサポートする実装に対し、
<a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html">DOM Level 2 スタイルシート</a>
([<a href="refs.html#ref-DOM2STYLE">DOM2STYLE</a>], 1 章)
および
<a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/css.html">DOM Level 2 CSS</a>
([<a href="refs.html#ref-DOM2STYLE">DOM2STYLE</a>], 2 章)
の関連する部分の完全なサポートを要求する（
DOM 2 CSS のどの特能が要求されるについては
<a href="svgdom.html#RelationshipWithCSSOM">DOM Level 2 CSS との関係</a>
を見よ）。
<span lang="en">
For implementations that support CSS, the SVG DOM requires complete support for DOM Level 2 Style Sheets ([DOM2STYLE], chapter 1) and relevant aspects of DOM Level 2 CSS ([DOM2STYLE], chapter 2). (For the specific features from DOM 2 CSS that are required, see Relationship with DOM Level 2 CSS.)
</span></li>
</ul>

<p class="T">
DOM アプリケーションは、
<a class="idlinterface" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-102161490">DOMImplementation</a>
インタフェースの <strong>hasFeature</strong> メソッドを利用してこの節で挙げたインタフェースのサポートの有無を確かめられる。
可用なインタフェースの一覧は
<a href="svgdom.html#FeatureStrings"><strong>hasFeature</strong> メソッドに渡す特能文字列</a>
に与えられている。
<span lang="en">
A DOM application can use the hasFeature method of the DOMImplementation interface to verify that the interfaces listed in this section are supported. The list of available interfaces is provided in section Feature strings for the hasFeature method call.
</span></p>

<p class="T">
例えば
<a class="idlinterface" href="shapes.html#InterfaceSVGRectElement">SVGRectElement</a>
の
<a class="idlinterface" href="types.html#InterfaceSVGAnimatedLength">SVGAnimatedLength</a>
<a class="idlattr" href="shapes.html#__svg__SVGRectElement__ry">ry</a>
など、属性に直接対応するすべての SVG DOM オブジェクトは live である。
この事は、属性における変化が，直ちに対応する SVG DOM オブジェクトに反映することを意味する。
<span lang="en">
All SVG DOM objects that directly correspond to an attribute, e.g. the SVGAnimatedLength ry in an SVGRectElement, are live. This means that any changes made to the attribute are immediately reflected in the corresponding SVG DOM object.
</span></p>

<h3 title="B.1.1 SVG DOM object initialization" id="SVGObjectInitialization">B.1.1 SVG DOM オブジェクトの初期化</h3>

<p class="T">
SVG DOM では、文書マークアップにおいて明示的に指定されていない属性に対するアクセスも許容される。
これが生じた際には、適切なオブジェクトが作成され，初期化される。
この新たに構築されたオブジェクトは、変更が加えられない限り，描画には影響しない。
最初の変更が生じた時点で、オブジェクトは対応する属性に対する変更が直ちにオブジェクトに反映されるように live になる。
<span lang="en">
The SVG DOM allows attributes to be accessed even though they haven't been specified explicitly in the document markup. When this happens an appropriate object is created, initialized and returned. This newly constructed object does not affect rendering until it is modified for the first time. After the first modification the object becomes live, such that any modifications made to the corresponding attribute are immediately reflected in the object.
</span></p>

<p class="T">
例えば，文書において指定されていなかった
<a href="shapes.html#RectElementXAttribute"><span class="attr-name">x</span></a>
属性に対応する <code>rectElement.x.baseVal</code> がアクセスされた場合、返される SVG DOM オブジェクトは，値 <span class="attr-value">0 利用単位</span> を表現する。
<span lang="en">
For example, if rectElement.x.baseVal is accessed and the ‘x’ attribute was not specified in the document, the returned SVG DOM object would represent the value 0 user units.
</span></p>

<p class="T">
属性が既定値を持つ場合、返される SVG DOM オブジェクトにはその値が反映されていなければならない。
他のすべての場合、オブジェクトは下に述べるように初期化される。
下に挙げられていない SVG DOM インタフェースについては、オブジェクトの初期化はそれぞれのインタフェースが含むオブジェクトのための値を用いて行われるものとする。
例えば
<a class="idlinterface" href="types.html#InterfaceSVGAnimatedString">SVGAnimatedString</a>
であれば <span class="DOMInterfaceName">DOMString</span>,
<a class="idlinterface" href="types.html#InterfaceSVGRect">SVGRect</a>
であれば４個の <span class="DOMInterfaceName">float</span> 等々。
<span lang="en">
For cases where an attribute has a default value the returned SVG DOM object that must reflect that value, and for all other cases the object is initialized as described below. If a particular SVG DOM interface is not listed below that means that the object initialization shall be done using the values for the objects that the interface contains, e.g DOMString in the case of SVGAnimatedString, or four floats in the case of SVGRect.
</span></p>

    <dl id="SVGObjectInitValues"><dt class="DOMInterfaceName"><a href="text.html#__svg__SVGTextContentElement__textLength">SVGTextContentElement.textLength</a></dt>

<dd class="T">
同じ要素の
<a class="idlattr" href="text.html#__svg__SVGTextContentElement__getComputedTextLength">getComputedTextLength</a>
の返り値で初期化される。
<span lang="en">
Initialized with the return-value of getComputedTextLength on the same element.
</span>
</dd>
<dt class="DOMInterfaceName">DOMString</dt>

<dd class="T">
空文字列（ <span class="attr-value">""</span> ）に初期化される。
<span lang="en">
Initialized as the empty string ("").
</span>
</dd>
<dt class="DOMInterfaceName">float</dt><dt class="DOMInterfaceName">long</dt><dt class="DOMInterfaceName">short</dt>

<dd class="T">
<span class="attr-value">0</span> に初期化される。
<span lang="en">
Initialized as 0.
</span>
</dd>
<dt class="DOMInterfaceName">boolean</dt>

<dd class="T">
<span class="attr-value">false</span> に初期化される。
<span lang="en">
Initialized as false.
</span>
</dd>
<dt class="DOMInterfaceName"><a class="idlinterface" href="types.html#InterfaceSVGLength">SVGLength</a></dt>

<dd class="T">
<span class="attr-value">0 利用単位</span> に初期化される（
<a href="types.html#__svg__SVGLength__SVG_LENGTHTYPE_NUMBER">SVG_LENGTHTYPE_NUMBER</a>
）。
<span lang="en">
Initialized as 0 user units (SVG_LENGTHTYPE_NUMBER).
</span>
</dd>
<dt class="DOMInterfaceName"><a class="idlinterface" href="types.html#InterfaceSVGLengthList">SVGLengthList</a></dt><dt class="DOMInterfaceName"><a class="idlinterface" href="types.html#InterfaceSVGNumberList">SVGNumberList</a></dt><dt class="DOMInterfaceName"><a class="idlinterface" href="coords.html#InterfaceSVGPointList">SVGPointList</a></dt><dt class="DOMInterfaceName"><a class="idlinterface" href="types.html#InterfaceSVGStringList">SVGStringList</a></dt><dt class="DOMInterfaceName"><a class="idlinterface" href="coords.html#InterfaceSVGTransformList">SVGTransformList</a></dt>

<dd class="T">
空リストに初期化される。
<span lang="en">
Initialized as the empty list.
</span>
</dd>
<dt class="DOMInterfaceName"><a class="idlinterface" href="types.html#InterfaceSVGAngle">SVGAngle</a></dt>

<dd class="T">
<span class="attr-value">単位無しの 0</span> に初期化される（
<a href="types.html#__svg__SVGAngle__SVG_ANGLETYPE_UNSPECIFIED">SVG_ANGLETYPE_UNSPECIFIED</a>
）。
<span lang="en">
Initialized as 0 in unspecified units (SVG_ANGLETYPE_UNSPECIFIED).
</span>
</dd>
<dt class="DOMInterfaceName"><a class="idlinterface" href="types.html#InterfaceSVGZoomAndPan">SVGZoomAndPan</a></dt>

<dd class="T">

<span class="attr-value">0</span> に初期化される（
<a href="types.html#__svg__SVGZoomAndPan__SVG_ZOOMANDPAN_UNKNOWN">SVG_ZOOMANDPAN_UNKNOWN</a>
）。
<span lang="en">
Initialized as 0 (SVG_ZOOMANDPAN_UNKNOWN).
</span>
</dd>
<dt class="DOMInterfaceName"><a class="idlinterface" href="coords.html#InterfaceSVGPreserveAspectRatio">SVGPreserveAspectRatio</a></dt>

<dd class="T">
<span class="attr-value">'xMidYMid meet'</span> に初期化される。
<span lang="en">
Initialized as 'xMidYMid meet'.
</span>
</dd>
</dl>

<h2 title="B.2 Elements in the SVG DOM" id="ElementsInTheSVGDOM">B.2 SVG DOM における要素</h2>

<p class="T">
SVG 要素に対応するどの
<a class="idlinterface" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-745549614">Element</a>
オブジェクトも（すなわち，名前空間が "http://www.w3.org/2000/svg" で, 局所名がこの仕様で定義される要素のもの）、要素定義にて特定される DOM インタフェースを実装しなければならない。
例えば
<a href="shapes.html#RectElement"><span class="element-name">rect</span></a>
要素に対しては
<a class="idlinterface" href="shapes.html#InterfaceSVGRectElement">SVGRectElement</a>
インタフェースが特定される。
すなわち、名前空間 URI が "http://www.w3.org/2000/svg" で, 局所名が "rect" になる，どの
<a class="idlinterface" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-745549614">Element</a>
オブジェクトにも
<a class="idlinterface" href="shapes.html#InterfaceSVGRectElement">SVGRectElement</a>
が実装されていなければならない。
<span lang="en">
Every Element object that corresponds to an SVG element (that is, an element with namespace URI "http://www.w3.org/2000/svg" and a local name that is one of the elements defined in this specification) must also implement the DOM interface identified in element definition. For example, in The ‘rect’ element, the SVGRectElement interface is identified. This means that every Element object whose namespace URI is "http://www.w3.org/2000/svg" and whose local name is "rect" must also implement SVGRectElement.
</span></p>


<h2 title="B.3 Naming conventions" id="SVGDOMNamingConventions">B.3 命名慣行</h2>

<p class="T">
SVG DOM における命名慣行は
<a href="http://www.w3.org/TR/1998/REC-DOM-Level-1-19981001/level-one-html.html">Document Object Model HTML</a>
([<a href="refs.html#ref-DOM1">DOM1</a>], 2 章)
に類似させてある。
<span lang="en">
The SVG DOM follows similar naming conventions to the Document Object Model HTML ([DOM1], chapter 2).
</span></p>

<p class="T">
すべての名前は、一つ以上の英単語を連ねた（空白の無い）単一の文字列として定義される。
プロパティ名またはメソッド名における最初の単語は小文字で始まり，後続の単語は大文字で始まる。
例えば，ファイルが作成された日付などの文書のメタ情報を返すプロパティは、 "fileDateCreated" のような名前を持つことになる。
ECMAScript 言語束縛においては、プロパティは与えられたオブジェクトのプロパティとして公開される。
Java においては、プロパティは get および set メソッドにより公開される。
<span lang="en">
All names are defined as one or more English words concatenated together to form a single string. Property or method names start with the initial keyword in lowercase, and each subsequent word starts with a capital letter. For example, a property that returns document meta information such as the date the file was created might be named "fileDateCreated". In the ECMAScript binding, properties are exposed as properties of a given object. In Java, properties are exposed with get and set methods.
</span></p>

<p class="T">
CDATA データ型の属性に対し、返り値の文字の大小はソース文書で与えられたものそのままである。
<span lang="en">
For attributes with the CDATA data type, the case of the return value is that given in the source document.
</span></p>


<h2 title="B.4 Exception SVGException" id="ExceptionSVGException">B.4 例外 SVGException</h2>

<p class="T">
この例外は特定の SVG の処理が実行不能なとき投出される。
<span lang="en">
This exception is raised when a specific SVG operation is impossible to perform.
</span></p>


<pre class="idl">exception <b>SVGException</b> {
  unsigned short <a href="svgdom.html#__svg__SVGException__code">code</a>;
};

// SVGException code
const unsigned short <a href="svgdom.html#__svg__SVG_WRONG_TYPE_ERR">SVG_WRONG_TYPE_ERR</a> = 0;
const unsigned short <a href="svgdom.html#__svg__SVG_INVALID_VALUE_ERR">SVG_INVALID_VALUE_ERR</a> = 1;
const unsigned short <a href="svgdom.html#__svg__SVG_MATRIX_NOT_INVERTABLE">SVG_MATRIX_NOT_INVERTABLE</a> = 2;</pre><dl class="interface"><dt>“SVGException code” グループの定数</dt><dd><dl class="constants">
<dt id="__svg__SVG_WRONG_TYPE_ERR"><b>SVG_WRONG_TYPE_ERR</b><span class="idl-type-parenthetical"> (unsigned short)</span></dt><dd><div>

<p class="T">
誤った型のオブジェクトが操作に渡されたときに投出される。
<span lang="en">
Raised when an object of the wrong type is passed to an operation.
</span></p>

<p class="T">
SVG 1.1 第２版にはこのコードの
<a class="idlinterface" href="svgdom.html#ExceptionSVGException">SVGException</a>
を生じさせる操作は定義されていないことに注意。
この定数は SVG 1.1 第１版との整合性を保つために残されている。
<span lang="en">
Note that no operation is defined to raise an SVGException with this code in SVG 1.1 Second Edition. The constant remains defined here for consistency with SVG 1.1 First Edition.
</span></p>


</div></dd>
<dt id="__svg__SVG_INVALID_VALUE_ERR"><b>SVG_INVALID_VALUE_ERR</b><span class="idl-type-parenthetical"> (unsigned short)</span></dt><dd>

<p class="T">
無効な値が操作に渡されるか属性にあてがわれたときに投出される。
<span lang="en">
Raised when an invalid value is passed to an operation or assigned to an attribute.
</span></p>

</dd>
<dt id="__svg__SVG_MATRIX_NOT_INVERTABLE"><b>SVG_MATRIX_NOT_INVERTABLE</b><span class="idl-type-parenthetical"> (unsigned short)</span></dt><dd><div>

<p class="T">
逆行列が存在しない行列に対し逆行列をとったときに投出される。
<span lang="en">
Raised when an attempt is made to invert a matrix that is not invertible.
</span></p>

<p class="T">
この定数は既存の内容との互換性を保つ必要から綴りが特殊なままにされていることに注意。
<span lang="en">
Note the unusual spelling of this constant, which is necessary for compatibility with existing content.
</span></p>


</div></dd></dl></dd><dt title="Exception members:">例外メンバ：</dt><dd><dl class="attributes">
<dt id="__svg__SVGException__code"><b>code</b><span class="idl-type-parenthetical"> (unsigned short)</span></dt><dd>

<p class="T">
要求された操作が実行できなかった理由を特定するコード。
値は <em>SVGException code</em> グループの定数のいずれかになる。
<span lang="en">
A code identifying the reason why the requested operation could not be performed. The value of this member will be one of the constants in the SVGException code group.
</span></p>

</dd></dl></dd></dl>

<h2 title="B.5 Feature strings for the hasFeature method call" id="FeatureStrings">B.5 <strong>hasFeature</strong> メソッドに渡す特能文字列</h2>

<p class="T">
SVG DOM がサポートする
<a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/">DOM Level 2 Core</a>
[<a href="refs.html#ref-DOM2">DOM2</a>]
が定める
<a class="idlinterface" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-102161490">DOMImplementation</a>
インタフェースの <strong>hasFeature</strong> メソッド呼び出しで可用な特能文字列は、多くの SVG 要素で利用できる
<a href="struct.html#RequiredFeaturesAttribute"><span class="attr-name">requiredFeatures</span></a>
属性で利用できる特能文字列と同じである。
<span lang="en">
The feature strings that are available for the hasFeature method call that is part of the SVG DOM's support for the DOMImplementation interface defined in DOM Level 2 Core [DOM2] are the same features strings available for the ‘requiredFeatures’ attribute that is available for many SVG elements.
</span></p>

<p class="T">
この仕様に述べられている SVG 言語の特能すべて（ SVG 言語の特能の一覧は付録 
<a href="feature.html">特能文字列</a>
を見よ）に対し、<strong>hasFeature</strong> メソッド呼び出しに渡す <strong>version</strong> 番号は "1.1" である。
他の言語に対応する特能のバージョン番号については、関連する他の仕様を参照のこと。
<span lang="en">
For all features that correspond to the SVG language and are documented in this specification (see appendix Feature Strings for a list of features in the SVG language), the version number for the hasFeature method call is "1.1". For features that correspond to other languages, refer to the relevant other specifications to determine the appropriate version number for the given feature.
</span></p>


<h2 title="B.6 Relationship with DOM Level 2 Events" id="RelationshipWithDOM2Events">B.6 DOM Level 2 イベントとの関係</h2>

<p class="T">
SVG DOM は
<a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/">DOM Level 2 イベント</a>
[<a href="refs.html#ref-DOM2EVENTS">DOM2EVENTS</a>]
で定義されるすべてのインタフェースと以下に挙げるイベント型をサポートする：
<span lang="en">
The SVG DOM supports all of the interfaces defined in, and the following event types from, DOM Level 2 Events [DOM2EVENTS]:
</span></p>


    <ul><li>

<p class="T">
次の
<a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-eventgroupings-uievents">UI イベント</a>
([<a href="refs.html#ref-DOM2EVENTS">DOM2EVENTS</a>], 1.6.1 節)
：
<span lang="en">
These User Interface events ([DOM2EVENTS], section 1.6.1):
</span></p>


        <ul><li><a href="interact.html#FocusInEvent">DOMFocusIn</a></li><li><a href="interact.html#FocusOutEvent">DOMFocusOut</a></li><li><a href="interact.html#ActivateEvent">DOMActivate</a></li></ul>
      </li><li>

<p class="T">
次の
<a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-eventgroupings-mouseevents">マウスイベント</a>
([<a href="refs.html#ref-DOM2EVENTS">DOM2EVENTS</a>], 1.6.2 節)
：
<span lang="en">
These mouse events ([DOM2EVENTS], section 1.6.2):
</span></p>


        <ul><li><a href="interact.html#ClickEvent">click</a></li><li><a href="interact.html#MouseDownEvent">mousedown</a></li><li><a href="interact.html#MouseUpEvent">mouseup</a></li><li><a href="interact.html#MouseOverEvent">mouseover</a></li><li><a href="interact.html#MouseMoveEvent">mousemove</a></li><li><a href="interact.html#MouseOutEvent">mouseout</a></li></ul>

<p class="T">
マウスイベントに対するパラメタ <em>clientX</em>, <em>clientY</em> は、イベントが生じたときのマウスの（ DOM 実装のクライアント領域に相対的な）座標を表現する。<em>relatedTarget</em> は UI イベントに関連する副次的な EventTarget の識別に利用される。
現在の所、この属性は mouseover ／ mouseout イベントに伴って利用され、それぞれポインティング装置がどの EventTarget から外れたか／に入ったかを指示する。
<span lang="en">
clientX and clientY parameters for mouse events represent the mouse coordinates at which the event occurred relative to the DOM Implementation's client area. relatedTarget is used to identify a secondary EventTarget related to a UI event. Currently this attribute is used with the mouseover event to indicate the EventTarget which the pointing device exited and with the mouseout event to indicate the EventTarget which the pointing device entered.
</span></p>


      </li><li>

<p class="T">
次の
<a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-eventgroupings-mutationevents">mutation イベント</a>
([<a href="refs.html#ref-DOM2EVENTS">DOM2EVENTS</a>], 1.6.4 節)
：
<span lang="en">
These mutation events ([DOM2EVENTS], section 1.6.4):
</span></p>


        <ul><li><a href="interact.html#DOMSubtreeModifiedEvent">DOMSubtreeModified</a></li><li><a href="interact.html#DOMNodeInsertedEvent">DOMNodeInserted</a></li><li><a href="interact.html#DOMNodeRemovedEvent">DOMNodeRemoved</a></li><li><a href="interact.html#DOMNodeRemovedFromDocumentEvent">DOMNodeRemovedFromDocument</a></li><li><a href="interact.html#DOMNodeInsertedIntoDocumentEvent">DOMNodeInsertedIntoDocument</a></li><li><a href="interact.html#DOMAttrModifiedEvent">DOMAttrModified</a></li><li><a href="interact.html#DOMCharacterDataModifiedEvent">DOMCharacterDataModified</a></li></ul>
      </li><li>

<p class="T">
SVG DOM は次の SVG 固有のイベントインタフェースを定義する。
これらのイベントインタフェースのサポートは SVG-UA の義務である：
<span lang="en">
The SVG DOM defines the following SVG-specific custom event interfaces. These event interfaces are mandatory for SVG user agents:
</span></p>


        <ul><li><a href="interact.html#LoadEvent">SVGLoad</a></li><li><a href="interact.html#UnloadEvent">SVGUnload</a></li><li><a href="interact.html#AbortEvent">SVGAbort</a></li><li><a href="interact.html#ErrorEvent">SVGError</a></li><li><a href="interact.html#ResizeEvent">SVGResize</a></li>

<li class="T">
<a href="interact.html#ScrollEvent">SVGScroll</a>
（利用者によるスクロールもしくはパンにより誘発される）
<span lang="en">
SVGScroll (triggered by either scroll or pan user actions)
</span></li>
</ul>

<p class="T">
SVGLoad イベントは、文書が完全に読込まれるまで発火されず、したがって
<a href="struct.html#ExternalResourcesRequiredAttribute"><span class="attr-name">externalResourcesRequired</span></a>
属性の処理に依存することに注意。
<span lang="en">
Note that the SVGLoad event does not fire until the document is fully loaded and is therefore subject to the processing of any ‘externalResourcesRequired’ attributes.
</span></p>


      </li><li>

<p class="T">
SVG DOM は追加の固有のイベントインタフェースを定義する：
<span lang="en">
The SVG DOM defines an additional custom event interface:
</span></p>


        <ul>

<li class="T">
<a href="interact.html#ZoomEvent">SVGZoom</a>
（定義は
<a class="idlinterface" href="script.html#InterfaceSVGZoomEvent">SVGZoomEvent</a>
インタフェースの記述を見よ）
<span lang="en">
SVGZoom (definition can be found in the description of the SVGZoomEvent interface)
</span></li>
</ul>
      </li><li>

<p class="T">
次のイベント型はアニメーションにおいて状態が変化したときに誘発される
（これらのイベントの定義は
<a class="idlinterface" href="animate.html#InterfaceTimeEvent">TimeEvent</a>
インタフェースの記述を見よ）。
<span lang="en">
The following event types are triggered due to state changes in animations. (The definitions for these events can be found in the description of the TimeEvent interface.)
</span></p>


        <ul><li><a href="interact.html#BeginEvent">beginEvent</a></li><li><a href="interact.html#EndEvent">endEvent</a></li><li><a href="interact.html#RepeatEvent">repeatEvent</a></li></ul>
      </li></ul>

<p class="T" id="EventListeners">
イベントリスナは <code>addEventListener</code> 呼び出しにより DOM の任意の要素に登録できるが、要素における
<a href="script.html#EventAttributes">イベント属性</a>
はそれらの属性が許容されていない所で利用された場合、関連するイベントが要素に配送されても誘発されない。
例えば
<a href="script.html#OnClickEventAttribute"><span class="attr-name">onclick</span></a>
属性が
<a href="struct.html#TitleElement"><span class="element-name">title</span></a>
要素に指定されても、その内容が <span class="attr-value">click</span> イベントに対する反応として実行されることはない：
<span lang="en">
While event listeners can be registered using an addEventListener call on any element in the DOM, the use of event attributes on elements where those attributes are disallowed will not result in their being invoked if the relevant event is dispatched to the element. For example, if the ‘onclick’ attribute were specified on a ‘title’ element, its contents would never be run in response to a click event:
</span></p>


<pre class="example">&lt;svg xmlns="http://www.w3.org/2000/svg"&gt;
  &lt;title onclick="alert('Hello')"&gt;<span title="Invalid event attribute">無効なイベント属性</span>&lt;/title&gt;
  &lt;script&gt;
    // <span title="Find the 'title' element.">'title' 要素を取得</span>
    var title = document.getElementsByTagNameNS("http://www.w3.org/2000/svg", "title")[0];

    // <span title="Create and initialize a 'click' event.">'click' イベントの作成と初期化</span>
    var event = document.createEvent("MouseEvent");
    event.initMouseEvent("click", true, false, this, 1, 0, 0, 0, 0, false,
                         false, false, false, 0, null);

    // <span title="Dispatch the event to the 'title' element.  Since onclick=&quot;&quot; is not
    // allowed on 'title', the alert will not show."
	>'title' 要素へイベントを配送。 onclick="" は
    // 'title' に許容されないのでアラートは表示されない。</span>
    title.dispatchEvent(event);
  &lt;/script&gt;
&lt;/svg&gt;</pre>

<p class="T">
与えられたイベント属性がどの要素に許容されるかについては
<a href="attindex.html">属性索引</a>
を見よ。
<span lang="en">
See the Attribute Index for details on which elements a given event attribute is allowed to be specified on.
</span></p>

<p class="T">
実装においては、イベント属性の設定を
<a class="idlinterface" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventTarget">EventTarget</a>
に対する
<a class="idlinterface" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventListener">EventListener</a>
の生成と登録とみなすことができる。
それらのイベントリスナは、あたかも <code>addEventListener</code> に渡す <code>useCapture</code> 引数を false にしたかのように、「浮上」および「標的上」過程に対してのみ呼び出される。
この
<a class="idlinterface" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventListener">EventListener</a>
は
<a class="idlinterface" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventTarget">EventTarget</a>
に登録された他のそれと同じようにふるまう。
<span lang="en">
Implementors may view the setting of event attributes as the creation and registration of an EventListener on the EventTarget. Such event listeners are invoked only for the "bubbling" and "at target" phases, as if false were specified for the useCapture argument to addEventListener. This EventListener behaves in the same manner as any other which may be registered on the EventTarget.
</span></p>

<p class="T">
イベントリスナを表現している属性の変化は、以前に登録された
<a class="idlinterface" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventListener">EventListener</a>
の削除と新たなリスナの登録とみなすことができる。
このとき、同じ
<a class="idlinterface" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventTarget">EventTarget</a>に登録されている他の EventListener との間で，イベントの受け取り順序が影響されることはない。
<span lang="en">
If the attribute representing the event listener is changed, this may be viewed as the removal of the previously registered EventListener and the registration of a new one. Futhermore, no specification is made as to the order in which event attributes will receive the event with regards to the other EventListeners on the EventTarget.
</span></p>

<p class="T">
Java においては、次の様に
<a class="idlinterface" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventListener">EventListener</a>
インタフェースを実装するクラスを定義して，イベントリスナを確立できる：
<span lang="en">
In Java, one way that event listeners can be established is to define a class which implements the EventListener interface, such as:
</span></p>


<pre>class MyAction1 implements EventListener {
  public void handleEvent(Event evt) {
    // <span title="process the event">イベントの処理</span>
  }
}
// ... later ...
MyAction1 mc1 = new MyAction1();
myElement.addEventListener("DOMActivate", mc1, false);
</pre>

<p class="T">
ECMAScript においては、関数を定義してその名前を <code >addEventListener</code> メソッドに渡すことでイベントリスナを確立できる：
<span lang="en">
In ECMAScript, one way to establish an event listener is to define a function and pass that function to the addEventListener method:
</span></p>


<pre>function myAction1(evt) {
    // <span title="process the event">イベントの処理</span>
}
// ... later ...
myElement.addEventListener("DOMActivate", myAction1, false)
</pre>

<p class="T">
ECMAScript においては、
<a href="script.html#EventAttributes">イベント属性</a>
の文字データ内容がイベントに反応する ECMAScript 関数を定義する。
この関数は名前が <strong>evt</strong> の
<a class="idlinterface" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-Event">Event</a>
オブジェクトをパラメタとして受け取る。
このことは登録されている他のどの ECMAScript イベントリスナ関数にも同様にあてはまる。
例えば次のように書ける：
<span lang="en">
In ECMAScript, the character data content of an event attribute becomes the definition of the ECMAScript function which gets invoked in response to the event. As with all registered ECMAScript event listener functions, this function receives an Event object as a parameter, and the name of the Event object is evt. For example, it is possible to write:
</span></p>


<pre>&lt;rect onactivate="MyActivateHandler(evt)" .../&gt;
</pre>

<p class="T">
これは
<a class="idlinterface" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-Event">Event</a>
オブジェクト <strong>evt</strong> を関数 <code>MyActivateHandler</code> に渡すことを指示する。
<span lang="en">
which will pass the Event object evt into function MyActivateHandler.
</span></p>


<h2 title="B.7 Relationship with DOM Level 2 CSS" id="RelationshipWithCSSOM">B.7 DOM Level 2 CSS との関係</h2>

<h3 title="B.7.1 Introduction" id="CSSDOMIntro">B.7.1 概要</h3>

<p class="T">
この節では SVG DOM の一部である
<a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/css.html">DOM Level 2 CSS</a>
([<a href="refs.html#ref-DOM2STYLE">DOM2STYLE</a>], 2 章)
に備わる機能について述べる。
<span lang="en">
The section describes the facilities from DOM Level 2 CSS ([DOM2STYLE], chapter 2) that are part of the SVG DOM.
</span></p>


<h3 title="B.7.2 User agents that do not support styling with CSS" id="CSSDOMFeaturesNoCSSSupport">B.7.2 CSS によるスタイル付けをサポートしない UA</h3>

<p class="T">
<a href="styling.html#StylingWithCSS">CSS によるスタイル付け</a>
をサポートしない UA には、
<a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/css.html">DOM Level 2 CSS</a>
([<a href="refs.html#ref-DOM2STYLE">DOM2STYLE</a>], 2 章)
に備わる次のインタフェースのサポートが、
<a class="idlinterface" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/css.html#CSS-CSSPrimitiveValue">CSSPrimitiveValue</a>
や
<a class="idlinterface" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/css.html#CSS-CSSValueList">CSSValueList</a>
など，それらのインタフェースの実装に必要なインタフェースに加えて、要求される。
これらのインタフェースは
<a class="idlinterface" href="types.html#InterfaceSVGStylable">SVGStylable</a>
インタフェース の
<a class="idlattr" href="types.html#__svg__SVGStylable__getPresentationAttribute">getPresentationAttribute</a>
メソッド呼び出しと伴に利用される。
このメソッドはすべての SVG DOM 実装においてサポートされなければならない：
<span lang="en">
User agents that do not support styling with CSS are only required to support the following interfaces from DOM Level 2 CSS ([DOM2STYLE], chapter 2), along with any interfaces necessary to implement the interfaces, such as CSSPrimitiveValue and CSSValueList. These interfaces are used in conjunction with the getPresentationAttribute method call on interface SVGStylable, which must be supported on all implementations of the SVG DOM.
</span></p>


<ul><li>Interface
<a class="idlinterface" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/css.html#CSS-RGBColor">RGBColor</a></li><li>Interface
<a class="idlinterface" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/css.html#CSS-CSSValue">CSSValue</a></li></ul>

<h3 title="B.7.3 User agents that support styling with CSS" id="CSSDOMFeaturesWithCSSSupport">B.7.3 CSS によるスタイル付けをサポートする UA</h3>

<p class="T">
<a href="styling.html#StylingWithCSS">CSS によるスタイル付け</a>,
SVG DOM,
<a href="http://www.w3.org/TR/2008/REC-CSS2-20080411/aural.html">聴覚スタイル付け</a>
([<a href="refs.html#ref-CSS2">CSS2</a>], 19 章)
をサポートする UA は、
<a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/css.html">DOM Level 2 CSS</a>
([<a href="refs.html#ref-DOM2STYLE">DOM2STYLE</a>], 2 章)
が定める聴覚プロパティに適用されるインタフェースすべてをサポートしなければならない。
<span lang="en">
User agents that support Styling with CSS, the SVG DOM, and aural styling ([CSS2], chapter 19) must support all of the interfaces defined in DOM Level 2 CSS ([DOM2STYLE], chapter 2) which apply to aural properties.
</span></p>

<p class="T">
<a href="http://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group">視覚メディア</a>
([<a href="refs.html#ref-CSS2">CSS2</a>], 7.3.1 節)
に対しては、 UA は DOM Level 2 CSS が要件として定めているすべてのインタフェースをサポートしなければならない。
DOM Level 2 CSS においてオプションのインタフェースはすべて、 SVG DOM においてもオプションである。
<span lang="en">
For visual media ([CSS2], section 7.3.1), user agents must support all of the required interfaces defined in DOM Level 2 CSS. All of the interfaces that are optional for DOM Level 2 CSS are also optional for user agents implementing the SVG DOM.
</span></p>


<h3 title="B.7.4 Extended interfaces" id="ExtendedInterfaces">B.7.4 拡張インタフェース</h3>

<p class="T">
注記：
<a class="idlattr" href="types.html#__svg__SVGStylable__getPresentationAttribute">getPresentationAttribute</a>
メソッドおよび
<a class="idlinterface" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/css.html#CSS-CSSValue">CSSValue</a>
を拡張するインタフェースは廃止予定であり、将来版の SVG 仕様からは削除される可能性がある。
<span lang="en">
Note: the getPresentationAttribute method and the interfaces that extend CSSValue are deprecated, and may be dropped from future versions of the SVG specification.
</span></p>

<p class="T">
UA による
<a href="styling.html#StylingWithCSS">CSS によるスタイル付け</a>
のサポートの有無に関らず、 UA は
<a class="idlinterface" href="types.html#InterfaceSVGStylable">SVGStylable</a>
インタフェースの
<a class="idlattr" href="types.html#__svg__SVGStylable__getPresentationAttribute">getPresentationAttribute</a>
メソッド呼び出しの返り値型である
<a class="idlinterface" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/css.html#CSS-CSSValue">CSSValue</a>
インタフェースをサポートしなければならない。
<span lang="en">
Whether or not a user agent supports styling with CSS, a user agent still must support interface CSSValue, as this is the type that is returned from the getPresentationAttribute method call on interface SVGStylable.
</span></p>

<p class="T">
DOM Level 2 CSS は
<a class="idlinterface" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/css.html#CSS-CSSValue">CSSValue</a>
インタフェースと関連して利用するための
<a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/css.html#CSS-extended">拡張インタフェース</a>
([<a href="refs.html#ref-DOM2STYLE">DOM2STYLE</a>], 2.3 節)
のセットを定める。
<a href="http://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group">視覚メディア</a>
([<a href="refs.html#ref-CSS2">CSS2</a>], 7.3.1 節)
に適用される各 SVG プロパティの表現に用いられる
<a class="idlinterface" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/css.html#CSS-CSSValue">CSSValue</a>
の型は下の表から指定される。
ただし例外として、
<a class="idlinterface" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/css.html#CSS-CSSStyleDeclaration">CSSStyleDeclaration</a>
インタフェースの <span class="dom-method-name">getPropertyCSSValue</span> メソッドまたは
<a class="idlinterface" href="types.html#InterfaceSVGStylable">SVGStylable</a>
インタフェースの
<a class="idlattr" href="types.html#__svg__SVGStylable__getPresentationAttribute">getPresentationAttribute</a>
メソッドによる返り値の CSSValue は，言語束縛 固有の型強制により特定の派生インタフェースに型強制され得る。
<span lang="en">
DOM Level 2 CSS defines a set of extended interfaces ([DOM2STYLE], section 2.3) for use in conjunction with interface CSSValue. The table below specifies the type of CSSValue used to represent each SVG property that applies to visual media ([CSS2], section 7.3.1). The expectation is that the CSSValue returned from the getPropertyCSSValue method on the CSSStyleDeclaration interface or the getPresentationAttribute method on the SVGStylable interface can be cast down, using binding-specific casting methods, to the specific derived interface.
</span></p>

<p class="T">
カスタムインタフェース（ CSSValue の <span class="dom-attr-name">cssValueType</span> が CSS_CUSTOM ）により表現されるプロパティに対しては、派生インタフェースの名前を下の一覧表に示す。
これらのプロパティに対し、どの拡張インタフェースが義務的で、どれがそうでないかも一覧表に示す。
<span lang="en">
For properties that are represented by a custom interface (the cssValueType of the CSSValue is CSS_CUSTOM), the name of the derived interface is specified in the table. For these properties, the table below indicates which extended interfaces are mandatory and which are not.
</span></p>

<p class="T">
値のリストからなるプロパティ（
<a class="idlinterface" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/css.html#CSS-CSSValue">CSSValue</a>
の <span class="dom-attr-name">cssValueType</span> が CSS_VALUE_LIST ）に対する派生インタフェースは
<a class="idlinterface" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/css.html#CSS-CSSValueList">CSSValueList</a>
である。
他のすべてのプロパティ（
<a class="idlinterface" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/css.html#CSS-CSSValue">CSSValue</a>
の <span class="dom-attr-name">cssValueType</span> が CSS_PRIMITIVE_VALUE ）に対する派生インタフェースは
<a class="idlinterface" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/css.html#CSS-CSSPrimitiveValue">CSSPrimitiveValue</a>
である。
<span lang="en">
For properties that consist of lists of values (the cssValueType of the CSSValue is CSS_VALUE_LIST), the derived interface is CSSValueList. For all other properties (the cssValueType of the CSSValue is CSS_PRIMITIVE_VALUE), the derived interface is CSSPrimitiveValue.
</span></p>

<p class="T">
省略形式のプロパティに対しては、
<a class="idlinterface" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/css.html#CSS-CSSValue">CSSValue</a>
は常に値 null をとる。
省略形式のプロパティの値は文字列としてのみアクセス／変更が可能である。
<span lang="en">
For shorthand properties, a CSSValue always will have a value of null. Shorthand property values can only be accessed and modified as strings.
</span></p>

<p class="T">
SVG DOM は次の SVG 固有のプロパティインタフェースを定義する。
これらすべてのサポートは SVG-UA の義務になる：
<span lang="en">
The SVG DOM defines the following SVG-specific custom property interfaces, all of which are mandatory for SVG user agents:
</span></p>


<ul><li><a class="idlinterface" href="types.html#InterfaceSVGColor">SVGColor</a></li><li><a class="idlinterface" href="types.html#InterfaceSVGICCColor">SVGICCColor</a></li><li><a class="idlinterface" href="painting.html#InterfaceSVGPaint">SVGPaint</a></li></ul>

    <table class="vert property-table"><tbody><tr>
<th title="Property Name">プロパティ名</th><th title="Representation">表現</th><th title="Mandatory?(Extended interfaces only)">義務？（拡張インタフェースのみ）</th></tr>
<tr><td><a href="text.html#AlignmentBaselineProperty"><span class="prop-name">alignment-baseline</span></a></td><td>ident</td><td>&nbsp;</td></tr>
<tr><td><a href="text.html#BaselineShiftProperty"><span class="prop-name">baseline-shift</span></a></td><td>ident, length, percentage</td><td>&nbsp;</td></tr>
<tr><td><a href="masking.html#ClipProperty"><span class="prop-name">clip</span></a></td><td>rect, ident</td><td>&nbsp;</td></tr>
<tr><td><a href="masking.html#ClipPathProperty"><span class="prop-name">clip-path</span></a></td><td>uri, ident</td><td>&nbsp;</td></tr>
<tr><td><a href="masking.html#ClipRuleProperty"><span class="prop-name">clip-rule</span></a></td><td>ident</td><td>&nbsp;</td></tr>
<tr><td><a href="color.html#ColorProperty"><span class="prop-name">color</span></a></td><td>rgbcolor, ident</td><td>&nbsp;</td></tr>
<tr><td><a href="painting.html#ColorInterpolationProperty"><span class="prop-name">color-interpolation</span></a></td><td>ident</td><td>&nbsp;</td></tr>
<tr><td><a href="color.html#ColorProfileProperty"><span class="prop-name">color-profile</span></a></td><td title="list of strings, uri's and idents">string, uri, ident のリスト</td><td>&nbsp;</td></tr>
<tr><td><a href="painting.html#ColorRenderingProperty"><span class="prop-name">color-rendering</span></a></td><td>ident</td><td>&nbsp;</td></tr>
<tr><td><a href="interact.html#CursorProperty"><span class="prop-name">cursor</span></a></td><td>uri, ident</td><td title="no">オプション</td></tr>
<tr><td><a href="text.html#DirectionProperty"><span class="prop-name">direction</span></a></td><td>ident</td><td>&nbsp;</td></tr>
<tr><td><a href="painting.html#DisplayProperty"><span class="prop-name">display</span></a></td><td>ident</td><td>&nbsp;</td></tr>
<tr><td><a href="text.html#DominantBaselineProperty"><span class="prop-name">dominant-baseline</span></a></td><td>ident</td><td>&nbsp;</td></tr>
<tr><td><a href="filters.html#EnableBackgroundProperty"><span class="prop-name">enable-background</span></a></td><td title="list of idents and numbers">ident, number のリスト</td><td>&nbsp;</td></tr>
<tr><td><a href="painting.html#FillProperty"><span class="prop-name">fill</span></a></td><td><a class="idlinterface" href="painting.html#InterfaceSVGPaint">SVGPaint</a></td><td title="yes">義務</td></tr>
<tr><td><a href="painting.html#FillOpacityProperty"><span class="prop-name">fill-opacity</span></a></td><td>number</td><td>&nbsp;</td></tr>
<tr><td><a href="painting.html#FillRuleProperty"><span class="prop-name">fill-rule</span></a></td><td>ident</td><td>&nbsp;</td></tr>
<tr><td><a href="filters.html#FilterProperty"><span class="prop-name">filter</span></a></td><td>uri, ident</td><td>&nbsp;</td></tr>
<tr><td><a href="filters.html#FloodColorProperty"><span class="prop-name">flood-color</span></a></td><td><a class="idlinterface" href="types.html#InterfaceSVGColor">SVGColor</a></td><td title="yes">義務</td></tr>
<tr><td><a href="filters.html#FloodOpacityProperty"><span class="prop-name">flood-opacity</span></a></td><td>number</td><td>&nbsp;</td></tr>
<tr><td><a href="text.html#FontProperty"><span class="prop-name">font</span></a></td><td>null</td><td>&nbsp;</td></tr>
<tr><td><a href="text.html#FontFamilyProperty"><span class="prop-name">font-family</span></a></td><td title="list of strings and idents">string, ident のリスト</td><td>&nbsp;</td></tr>
<tr><td><a href="text.html#FontSizeProperty"><span class="prop-name">font-size</span></a></td><td>ident, length, percentage</td><td>&nbsp;</td></tr>
<tr><td><a href="text.html#FontSizeAdjustProperty"><span class="prop-name">font-size-adjust</span></a></td><td>number, ident</td><td>&nbsp;</td></tr>
<tr><td><a href="text.html#FontStretchProperty"><span class="prop-name">font-stretch</span></a></td><td>ident</td><td>&nbsp;</td></tr>
<tr><td><a href="text.html#FontStyleProperty"><span class="prop-name">font-style</span></a></td><td>ident</td><td>&nbsp;</td></tr>
<tr><td><a href="text.html#FontVariantProperty"><span class="prop-name">font-variant</span></a></td><td>ident</td><td>&nbsp;</td></tr>
<tr><td><a href="text.html#FontWeightProperty"><span class="prop-name">font-weight</span></a></td><td>ident</td><td>&nbsp;</td></tr>
<tr><td><a href="text.html#GlyphOrientationHorizontalProperty"><span class="prop-name">glyph-orientation-horizontal</span></a></td><td>ident</td><td>&nbsp;</td></tr>
<tr><td><a href="text.html#GlyphOrientationVerticalProperty"><span class="prop-name">glyph-orientation-vertical</span></a></td><td>ident</td><td>&nbsp;</td></tr>
<tr><td><a href="painting.html#ImageRenderingProperty"><span class="prop-name">image-rendering</span></a></td><td>ident</td><td>&nbsp;</td></tr>
<tr><td><a href="text.html#KerningProperty"><span class="prop-name">kerning</span></a></td><td>ident, length</td><td>&nbsp;</td></tr>
<tr><td><a href="text.html#LetterSpacingProperty"><span class="prop-name">letter-spacing</span></a></td><td>ident, length</td><td>&nbsp;</td></tr>
<tr><td><a href="filters.html#LightingColorProperty"><span class="prop-name">lighting-color</span></a></td><td><a class="idlinterface" href="types.html#InterfaceSVGColor">SVGColor</a></td><td title="yes">義務</td></tr>
<tr><td><a href="painting.html#MarkerProperty"><span class="prop-name">marker</span></a></td><td>null</td><td>&nbsp;</td></tr>
<tr><td><a href="painting.html#MarkerEndProperty"><span class="prop-name">marker-end</span></a></td><td>uri, ident</td><td>&nbsp;</td></tr>
<tr><td><a href="painting.html#MarkerMidProperty"><span class="prop-name">marker-mid</span></a></td><td>uri, ident</td><td>&nbsp;</td></tr>
<tr><td><a href="painting.html#MarkerStartProperty"><span class="prop-name">marker-start</span></a></td><td>uri, ident</td><td>&nbsp;</td></tr>
<tr><td><a href="masking.html#MaskProperty"><span class="prop-name">mask</span></a></td><td>uri, ident</td><td>&nbsp;</td></tr>
<tr><td><a href="masking.html#OpacityProperty"><span class="prop-name">opacity</span></a></td><td>number</td><td>&nbsp;</td></tr>
<tr><td><a href="masking.html#OverflowProperty"><span class="prop-name">overflow</span></a></td><td>ident</td><td>&nbsp;</td></tr>
<tr><td><a href="interact.html#PointerEventsProperty"><span class="prop-name">pointer-events</span></a></td><td>ident</td><td>&nbsp;</td></tr>
<tr><td><a href="painting.html#ShapeRenderingProperty"><span class="prop-name">shape-rendering</span></a></td><td>ident</td><td>&nbsp;</td></tr>
<tr><td><a href="pservers.html#StopColorProperty"><span class="prop-name">stop-color</span></a></td><td><a class="idlinterface" href="types.html#InterfaceSVGColor">SVGColor</a></td><td title="yes">義務</td></tr>
<tr><td><a href="pservers.html#StopOpacityProperty"><span class="prop-name">stop-opacity</span></a></td><td>number</td><td>&nbsp;</td></tr>
<tr><td><a href="painting.html#StrokeProperty"><span class="prop-name">stroke</span></a></td><td><a class="idlinterface" href="painting.html#InterfaceSVGPaint">SVGPaint</a></td><td title="yes">義務</td></tr>
<tr><td><a href="painting.html#StrokeDasharrayProperty"><span class="prop-name">stroke-dasharray</span></a></td><td title="ident or list of lengths">length のリストまたは ident</td><td>&nbsp;</td></tr>
<tr><td><a href="painting.html#StrokeDashoffsetProperty"><span class="prop-name">stroke-dashoffset</span></a></td><td>length</td><td>&nbsp;</td></tr>
<tr><td><a href="painting.html#StrokeLinecapProperty"><span class="prop-name">stroke-linecap</span></a></td><td>ident</td><td>&nbsp;</td></tr>
<tr><td><a href="painting.html#StrokeLinejoinProperty"><span class="prop-name">stroke-linejoin</span></a></td><td>ident</td><td>&nbsp;</td></tr>
<tr><td><a href="painting.html#StrokeMiterlimitProperty"><span class="prop-name">stroke-miterlimit</span></a></td><td>length</td><td>&nbsp;</td></tr>
<tr><td><a href="painting.html#StrokeOpacityProperty"><span class="prop-name">stroke-opacity</span></a></td><td>number</td><td>&nbsp;</td></tr>
<tr><td><a href="painting.html#StrokeWidthProperty"><span class="prop-name">stroke-width</span></a></td><td>length</td><td>&nbsp;</td></tr>
<tr><td><a href="text.html#TextAnchorProperty"><span class="prop-name">text-anchor</span></a></td><td>ident</td><td>&nbsp;</td></tr>
<tr><td><a href="text.html#TextDecorationProperty"><span class="prop-name">text-decoration</span></a></td><td title="list of ident">ident のリスト</td><td>&nbsp;</td></tr>
<tr><td><a href="painting.html#TextRenderingProperty"><span class="prop-name">text-rendering</span></a></td><td>ident</td><td>&nbsp;</td></tr>
<tr><td><a href="text.html#UnicodeBidiProperty"><span class="prop-name">unicode-bidi</span></a></td><td>ident</td><td>&nbsp;</td></tr>
<tr><td><a href="painting.html#VisibilityProperty"><span class="prop-name">visibility</span></a></td><td>ident</td><td>&nbsp;</td></tr>
<tr><td><a href="text.html#WordSpacingProperty"><span class="prop-name">word-spacing</span></a></td><td>length, ident</td><td>&nbsp;</td></tr>
<tr><td><a href="text.html#WritingModeProperty"><span class="prop-name">writing-mode</span></a></td><td>ident</td><td>&nbsp;</td></tr></tbody></table>

<h2 title="B.8 Read only nodes in the DOM" id="ReadOnlyNodes">B.8 DOM における読み取り専用ノード</h2>

<p class="T">
SVG DOM の一部の操作と属性は、 DOM の読み取り専用のノードに対する変更を試みた際に，例外が投出されるように定義されている。
それらの読み取り専用のノードは IDL において宣言される <code>readonly</code> キーワードとは関係が無い。
それらは
<a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/">DOM Level 2 Core</a>
([<a href="refs.html#ref-DOM2">DOM2</a>], 用語索引)
により
<a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/glossary.html#dt-readonly-node">読み取り専用ノード</a>
として定義されているために変更不可にされているノードを指す。
特に
<a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#ID-527DCFF2">Entity</a>
と
<a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#ID-11C98490">EntityReference</a>
ノードおよびそれらの子孫は読み取り専用である。
([<a href="refs.html#ref-DOM2">DOM2</a>], 1.3 節)
。
<span lang="en">
Some operations and attributes in the SVG DOM are defined to raise an exception when an attempt is made to modify a node in the DOM that is read only. Such read only nodes are not related to attributes declared in IDL with the readonly keyword. Rather, they are nodes that cannot be modified by virtue of being defined as readonly nodes by DOM Level 2 Core ([DOM2], Glossary appendix). Specifically, Entity and EntityReference nodes and their descendants are read only ([DOM2], section 1.3).
</span></p>


<h2 title="B.9 Invalid values" id="InvalidValues">B.9 無効な値</h2>

<p class="T">
スクリプトが DOM 属性に無効な値を設定した場合（例えば非負数を要求する属性に対する負数や, 列挙値の範囲外の値など）、この仕様で特に指示されていない限り，例外は投出されないものとするが、文書片は形式の上では
<a href="implnote.html#ErrorProcessing">エラー処理</a>
で述べる
<span class="SVG-Term" title="in error">エラー状態</span>
ということになる。
<span lang="en">
If a script sets a DOM attribute to an invalid value (e.g., a negative number for an attribute that requires a non-negative number or an out-of-range value for an enumeration), unless this specification indicates otherwise, no exception shall be raised on setting, but the given document fragment shall become technically in error as described in Error processing.
</span></p>


<div class="header bottom">
<a href="index.html#minitoc">目次</a> ⋅
<a href="expanded-toc.html">詳細目次</a> ⋅
<a href="svgdtd.html">前章</a> ⋅
<a href="idl.html">次章</a> ⋅
<a href="eltindex.html">要素</a> ⋅
<a href="attindex.html">属性</a> ⋅
<a href="propidx.html">プロパティ</a>
</div><script src="style/expanders.js" type="text/javascript"> </script>

</body>
</html>