削除された内容 追加された内容
466 行
 
;各オブジェクトとグループ内要素に矛盾のある場合
なお、各オブジェクトにgタグの指定内容と矛盾する属性がある場合、普通は各オブジェクト側の指定が優先されます。たとえばcircleタグで <code> stroke="red"</code> という指定と、gタグの開始タグで <code> stroke="blue"</code> があれば、円のストローク色は赤色で表示されます。(Firefox, google Chrome, MicrosfotMicrosoft Edge どれも結果は同じく、円ストロークだけ赤色の結果です。WindowsだけでなくLinuxでも同様の結果です。 )
 
 
485 行
</svg>
</syntaxhighlight>
 
上のコードは、長方形と円をともに、ストロークだけ赤色で図形を表示します。
 
 
class 属性で、指定したスタイルを呼び出すのを忘れないようにしてください。
 
;各オブジェクトとスタイルに矛盾のある場合
なお、CSS側とsvgオブジェクト側の属性で矛盾する内容がある場合(たとえばストローク色が違う場合など)、CSS側の指定が優先されます。(Firefox, google Chrome, MicrosfotMicrosoft Edge どれも結果は同じで、CSS側のスタイルが優先されます。WindowsだけでなくLinuxでも同様の結果です。 )
 
属性の記述を順序を <code> class="test" stroke="blue" </code>と書こうが、<code> stroke="blue" class="test" </code>と書こうが、2020年7月の時点ではCSS側のスタイルがどのブラウザでも優先されます。
 
 
== 関連情報の記述方法 ==