{"json_modified": "2016-09-27T14:59:44.524580", "uuid": "0b24b355-f968-4b30-a4e5-41aca8c7d6d8", "title": "<g>", "url": "/en-US/docs/Web/SVG/Element/g", "tags": ["Element", "Reference", "SVG", "Web", "SVG Container"], "translations": [{"uuid": "1da4a5aa-2885-4ae6-8f5e-59d390464136", "title": "g", "url": "/es/docs/Web/SVG/Element/g", "tags": ["Elemento", "Contenedor SVG", "SVG", "Contenedor", "Referencia"], "summary": "<iframe class=\"live-sample-frame sample-code-frame\" frameborder=\"0\" height=\"130\" id=\"frame_Ejemplo\" src=\"https://mdn.mozillademos.org/es/docs/Web/SVG/Element/g$samples/Ejemplo?revision=1124649\" width=\"220\"/>", "localization_tags": ["inprogress"], "locale": "es", "last_edit": "2016-09-27T14:05:44", "review_tags": ["technical", "editorial"]}, {"uuid": "9ad8b230-79d8-4ea6-a8f7-6cf7d007be4b", "title": "<g>", "url": "/fr/docs/Web/SVG/Element/g", "tags": ["SVG", "SVG Conteneur", "Element", "Reference", "R\u00e9f\u00e9rence", "\u00c9l\u00e9ment"], "summary": "L'\u00e9l\u00e9ment\u00a0<code>g</code>\u00a0est un conteneur utilis\u00e9 pour grouper des objets. Les transformations appliqu\u00e9es \u00e0 l'\u00e9l\u00e9ment g sont report\u00e9es \u00e0 tous ses \u00e9l\u00e9ments enfants.\u00a0Les attributs appliqu\u00e9s sont \u00e9galement report\u00e9s aux \u00e9l\u00e9ments enfants. En plus, il peut \u00eatre utilis\u00e9 pour d\u00e9finir des objets complexes qui seront r\u00e9f\u00e9renc\u00e9s ult\u00e9rieurement avec l'\u00e9l\u00e9ment <a href=\"/fr/docs/Web/SVG/Element/use\" title=\"L'&#xE9;lement &lt;use&gt; permet la duplication de nodes (noeuds du DOM, NDR) d&#xE9;finis par &lt;defs&gt; afin de les ins&#xE9;rer par ailleurs. L'effet est le m&#xEA;me que certains noeuds &#xE9;tait discr&#xE9;tement dans une partie non-rendue (au sens de non-affich&#xE9;e) au sein du DOM puis &quot;clon&#xE9;s&quot;&#xA0; l&#xE0; o&#xF9; est utilis&#xE9; use tel que le permet les&#xA0;&#xE9;l&#xE9;ments de gabarit gr&#xE2;ce &#xE0; HTML5.&#10; Tant que les noeuds clon&#xE9;s par use ne sont pas ins&#xE9;r&#xE9;s au sein du DOM tel que pr&#xE9;vu, vous devez &#xEA;tre attentif lorsque vous utilis&#xE9; des r&#xE8;gles de style CSS sur l'&#xE9;l&#xE9;ment use et ses enfants &quot;cach&#xE9;s&quot;. En effet les attributs CSS ne sont pas garantis d'&#xEA;tre h&#xE9;rit&#xE9;s lorsqu'ils seront clon&#xE9;s si vous n'explicitez correctement pas les h&#xE9;ritages CSS.\"><code>&lt;use&gt;</code></a>.", "localization_tags": [], "locale": "fr", "last_edit": "2016-09-27T14:53:00", "review_tags": []}, {"uuid": "b73ffefc-e123-43a5-869e-23d7b313cf10", "title": "g", "url": "/ja/docs/Web/SVG/Element/g", "tags": ["SVG", "\u00c9l\u00e9ment", "Element", "Reference", "R\u00e9f\u00e9rence", "SVG Container", "SVG Element"], "summary": "<code>g</code> \u8981\u7d20\u306f\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u30b0\u30eb\u30fc\u30d7\u5316\u3059\u308b\u305f\u3081\u306e\u30b3\u30f3\u30c6\u30ca\u3067\u3059\u3002<code>g</code> \u8981\u7d20\u306b\u9069\u7528\u3055\u308c\u305f\u5909\u5f62\u306f\u305d\u306e\u5168\u3066\u306e\u5b50\u8981\u7d20\u306b\u5bfe\u3057\u3066\u5b9f\u884c\u3055\u308c\u307e\u3059\u3002\u9069\u7528\u3055\u308c\u305f\u5c5e\u6027\u306f\u5b50\u8981\u7d20\u306b\u7d99\u627f\u3055\u308c\u307e\u3059\u3002\u52a0\u3048\u3066\u3001\u8907\u96d1\u306a\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092 <code>g</code> \u8981\u7d20\u3092\u4f7f\u3063\u3066\u5b9a\u7fa9\u3057\u3066\u304a\u304f\u3068\u5f8c\u306b <a href=\"/ja/docs/Web/SVG/Element/use\" title=\"use &#x8981;&#x7D20;&#x306F; SVG &#x30C9;&#x30AD;&#x30E5;&#x30E1;&#x30F3;&#x30C8;&#x306E;&#x4E2D;&#x306E;&#x30CE;&#x30FC;&#x30C9;&#x3092;&#x5225;&#x306E;&#x5834;&#x6240;&#x306B;&#x91CD;&#x8907;&#x3055;&#x305B;&#x307E;&#x3059;&#x3002;&#x52B9;&#x679C;&#x306F;&#x3042;&#x305F;&#x304B;&#x3082;&#x30CE;&#x30FC;&#x30C9;&#x304C;&#x898B;&#x3048;&#x306A;&#x3044; DOM &#x306B;&#x6DF1;&#x304F;&#x30AF;&#x30ED;&#x30FC;&#x30F3;&#x3055;&#x308C;&#x3066;&#x3001;use &#x8981;&#x7D20;&#x304C;&#x3042;&#x308B;&#x5834;&#x6240;&#x306B;&#x8CBC;&#x308A;&#x4ED8;&#x3051;&#x3089;&#x308C;&#x305F;&#x306E;&#x3068;&#x540C;&#x3058;&#x3067;&#x3059;&#xFF08;&#x7121;&#x540D;&#x30B3;&#x30F3;&#x30C6;&#x30F3;&#x30C4;&#x3068; XBL &#x306B;&#x3068;&#x3066;&#x3082;&#x4F3C;&#x3066;&#x3044;&#x307E;&#x3059;&#xFF09;&#x3002;&#x30AF;&#x30ED;&#x30FC;&#x30F3;&#x3055;&#x308C;&#x305F;&#x30CE;&#x30FC;&#x30C9;&#x306F;&#x898B;&#x3048;&#x306A;&#x3044;&#x306E;&#x3067;&#x3001;CSS &#x3092;&#x4F7F;&#x3063;&#x3066; use &#x8981;&#x7D20;&#x3068;&#x305D;&#x306E;&#x96A0;&#x308C;&#x305F;&#x5B50;&#x5B6B;&#x8981;&#x7D20;&#x306B;&#x30B9;&#x30BF;&#x30A4;&#x30EB;&#x4ED8;&#x3051;&#x3092;&#x3059;&#x308B;&#x5834;&#x5408;&#x306F;&#x6CE8;&#x610F;&#x304C;&#x5FC5;&#x8981;&#x3067;&#x3059;&#x3002;CSS &#x5C5E;&#x6027;&#x304C;&#x30AF;&#x30ED;&#x30FC;&#x30F3;&#x3055;&#x308C;&#x305F;&#x96A0;&#x308C;&#x305F;&#x8981;&#x7D20;&#x306B;&#x7D99;&#x627F;&#x3055;&#x308C;&#x308B;&#x3053;&#x3068;&#x306F;&#x4FDD;&#x8A3C;&#x3055;&#x308C;&#x306A;&#x3044;&#x306E;&#x3067;&#x3001;&#x5C5E;&#x6027;&#x306E;&#x7D99;&#x627F;&#x3092; CSS &#x306E; inheritance &#x3092;&#x7528;&#x3044;&#x3066;&#x660E;&#x793A;&#x3059;&#x308B;&#x3053;&#x3068;&#x304C;&#x5FC5;&#x8981;&#x3067;&#x3059;&#x3002;\"><code>&lt;use&gt;</code></a> \u8981\u7d20\u3067\u53c2\u7167\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2016-09-27T14:44:47", "review_tags": []}, {"uuid": "f93c596e-2b47-4efc-9171-5d6de02fdc12", "title": "g", "url": "/pt-BR/docs/Web/SVG/Element/g", "tags": ["Elemento", "SVG Recipiente", "SVG", "Refer\u00eancia", "Referencia"], "summary": "O elemento\u00a0<code>g</code> \u00e9 um recipiente utilizado para agrupar objetos. Transforma\u00e7\u00f5es aplicadas no elemento\u00a0<code>g</code> s\u00e3o repassadas para todos os seus elementos filhos. Atributos tamb\u00e9m s\u00e3o herdados por elementos filhos. Al\u00e9m disso, pode ser utilizado para definir objetos complexos que poder\u00e3o ser referenciados mais tarde pelo elemento\u00a0<a href=\"/pt-BR/docs/Web/SVG/Element/use\" title=\"O elemento&#xA0;use&#xA0;cria n&#xF3;s dentro de um documento SVG, e os duplica em outro local. O efeito &#xE9; o mesmo se os n&#xF3;s forem profundamente clonados em um&#xA0;DOM n&#xE3;o exposto, e ent&#xE3;o colado onde o elemento&#xA0;use &#xE9;, muito parecido&#xA0;com&#xA0;elementos de template&#xA0;clonados no HTML5. Como os n&#xF3;s clonados n&#xE3;o s&#xE3;o expostos, &#xE9; preciso ter cuidado ao utilizar&#xA0;CSS&#xA0;para estilizar o elemento&#xA0;use&#xA0;e seus descendentes ocultos. Atributos CSS n&#xE3;o &#xE9;&#xA0;garantidamente herdado pelos ocultos, DOM clonada a n&#xE3;o ser que voc&#xEA; deixe a requisi&#xE7;&#xE3;o explicita utilizando&#xA0;heran&#xE7;a CSS.\"><code>&lt;use&gt;</code></a>.", "localization_tags": [], "locale": "pt-BR", "last_edit": "2016-09-27T13:46:19", "review_tags": []}, {"uuid": "24254058-a5f2-4039-8aff-e2e3b251860e", "title": "<g>", "url": "/ru/docs/Web/SVG/%D0%AD%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82/g", "tags": [], "summary": "\u042d\u043b\u0435\u043c\u0435\u043d\u0442 g \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u043a\u0438 \u0434\u0440\u0443\u0433\u0438\u0445 SVG \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432.", "localization_tags": [], "locale": "ru", "last_edit": "2016-09-27T14:59:34", "review_tags": []}, {"uuid": "ff73ad6a-9fb3-4fc9-8023-654ca608afba", "title": "g", "url": "/zh-CN/docs/Web/SVG/Element/g", "tags": ["SVG\u5bb9\u5668", "\u53c2\u8003", "SVG", "\u5143\u7d20"], "summary": "\u5143\u7d20<code>g</code>\u662f\u7528\u6765\u7ec4\u5408\u5bf9\u8c61\u7684\u5bb9\u5668\u3002\u6dfb\u52a0\u5230<code>g</code>\u5143\u7d20\u4e0a\u7684\u53d8\u6362\u4f1a\u5e94\u7528\u5230\u5176\u6240\u6709\u7684\u5b50\u5143\u7d20\u4e0a\u3002\u6dfb\u52a0\u5230<code>g</code>\u5143\u7d20\u7684\u5c5e\u6027\u4f1a\u88ab\u5176\u6240\u6709\u7684\u5b50\u5143\u7d20\u7ee7\u627f\u3002\u6b64\u5916\uff0c<code>g</code>\u5143\u7d20\u4e5f\u53ef\u4ee5\u7528\u6765\u5b9a\u4e49\u590d\u6742\u7684\u5bf9\u8c61\uff0c\u4e4b\u540e\u53ef\u4ee5\u901a\u8fc7<a href=\"/zh-CN/docs/Web/SVG/Element/use\" title=\"use&#x5143;&#x7D20;&#x5728;SVG&#x6587;&#x6863;&#x5185;&#x53D6;&#x5F97;&#x76EE;&#x6807;&#x8282;&#x70B9;&#xFF0C;&#x5E76;&#x5728;&#x522B;&#x7684;&#x5730;&#x65B9;&#x590D;&#x5236;&#x5B83;&#x4EEC;&#x3002;&#x5B83;&#x7684;&#x6548;&#x679C;&#x7B49;&#x540C;&#x4E8E;&#x8FD9;&#x4E9B;&#x8282;&#x70B9;&#x88AB;&#x6DF1;&#x514B;&#x9686;&#x5230;&#x4E00;&#x4E2A;&#x4E0D;&#x53EF;&#x89C1;&#x7684;DOM&#x4E2D;&#xFF0C;&#x7136;&#x540E;&#x5C06;&#x5176;&#x7C98;&#x8D34;&#x5230;use&#x5143;&#x7D20;&#x7684;&#x4F4D;&#x7F6E;&#xFF0C;&#x5F88;&#x50CF;HTML5&#x4E2D;&#x7684;&#x514B;&#x9686;&#x6A21;&#x677F;&#x5143;&#x7D20;&#x3002;&#x56E0;&#x4E3A;&#x514B;&#x9686;&#x7684;&#x8282;&#x70B9;&#x662F;&#x4E0D;&#x53EF;&#x89C1;&#x7684;&#xFF0C;&#x6240;&#x4EE5;&#x5F53;&#x4F7F;&#x7528;CSS&#x6837;&#x5F0F;&#x5316;&#x4E00;&#x4E2A;use&#x5143;&#x7D20;&#x4EE5;&#x53CA;&#x5B83;&#x7684;&#x9690;&#x85CF;&#x7684;&#x540E;&#x4EE3;&#x5143;&#x7D20;&#x7684;&#x65F6;&#x5019;&#xFF0C;&#x5FC5;&#x987B;&#x5C0F;&#x5FC3;&#x6CE8;&#x610F;&#x3002;&#x9690;&#x85CF;&#x7684;&#x3001;&#x514B;&#x9686;&#x7684;DOM&#x4E0D;&#x80FD;&#x4FDD;&#x8BC1;&#x7EE7;&#x627F;CSS&#x5C5E;&#x6027;&#xFF0C;&#x9664;&#x975E;&#x4F60;&#x660E;&#x6587;&#x8BBE;&#x7F6E;&#x4F7F;&#x7528;CSS&#x7EE7;&#x627F;&#x3002;\"><code>&lt;use&gt;</code></a>\u5143\u7d20\u6765\u5f15\u7528\u5b83\u4eec\u3002", "localization_tags": [], "locale": "zh-CN", "last_edit": "2016-09-27T14:04:49", "review_tags": []}], "modified": "2016-09-27T05:57:01", "label": "<g>", "localization_tags": [], "locale": "en-US", "id": 4714, "last_edit": "2016-09-27T05:56:53", "summary": "The <strong><code>&lt;g&gt;</code></strong> <a href=\"/en-US/docs/Web/SVG\">SVG</a> element is a container used to group other SVG elements.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Usage_context", "title": "Usage context"}, {"id": "Attributes", "title": "Attributes"}, {"id": "Global_attributes", "title": "Global attributes"}, {"id": "Specific_attributes", "title": "Specific attributes"}, {"id": "DOM_Interface", "title": "DOM Interface"}, {"id": "Example", "title": "Example"}, {"id": "Specifications", "title": "Specifications"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}], "slug": "Web/SVG/Element/g", "review_tags": []}