File tree Expand file tree Collapse file tree 1 file changed +14
-6
lines changed
files/ja/web/svg/reference/element/g Expand file tree Collapse file tree 1 file changed +14
-6
lines changed Original file line number Diff line number Diff line change 22title : <g>
33slug : Web/SVG/Reference/Element/g
44l10n :
5- sourceCommit : c2fd97474834e061404b992c8397d4ccc4439a71
5+ sourceCommit : ac806e34aba086be141689c64dc4dd73636fbd62
66---
77
88** ` <g> ` ** は [ SVG] ( /ja/docs/Web/SVG ) の要素で、他の SVG 要素をグループ化するために用いられるコンテナーです。
99
1010` <g> ` 要素に適用された座標変換は、その全ての子要素に対して実行されます。適用された属性は子要素に継承されます。加えて、多数のオブジェクトをグループ化しておくと後に {{SVGElement("use")}} 要素で参照することができます。
1111
12+ ## 使用コンテキスト
13+
14+ {{svginfo}}
15+
16+ ## 属性
17+
18+ この要素には、グローバル属性のみがあります。
19+
20+ ## DOM インターフェイス
21+
22+ この要素は {{domxref("SVGGElement")}} インターフェイスを実装しています。
23+
1224## 例
1325
1426``` css hidden
2133
2234``` html
2335<svg viewBox =" 0 0 100 100" xmlns =" http://www.w3.org/2000/svg" >
24- <!-- Using g to inherit presentation attributes -->
36+ <!-- プレゼンテーション属性を継承するために g を使う -->
2537 <g fill =" white" stroke =" green" stroke-width =" 5" >
2638 <circle cx =" 40" cy =" 40" r =" 25" />
2739 <circle cx =" 60" cy =" 60" r =" 25" />
3143
3244{{EmbedLiveSample('Example', 100, '100%')}}
3345
34- ## 使用可能な場所
35-
36- {{svginfo}}
37-
3846## 仕様書
3947
4048{{Specifications}}
You can’t perform that action at this time.
0 commit comments