<g>

Базовая поддержка Широко доступно

Эта возможность хорошо зарекомендовала себя и работает на многих устройствах и в разных версиях браузеров. Она доступна во всех браузерах с ⁨июля 2015⁩ года.

Элемент <g> SVG — это контейнер, предназначенный для группировки других элементов SVG.

Преобразования, применяемые к элементу <g>, выполняются над его дочерними элементами, а его атрибуты наследуются потомками. С его помощью также можно группировать несколько элементов, чтобы впоследствии ссылаться на них с помощью элемента <use>.

Контекст использования

Категории Элемент-контейнер, структурный элемент

Допустимое содержимое Любое количество следующих элементов в любом порядке:
Элементы анимации
Описательные элементы
Элементы фигур
Структурные элементы
Элементы градиента
<a>, <clipPath>, <filter>, <foreignObject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view>

Категории	Элемент-контейнер, структурный элемент
Допустимое содержимое	Любое количество следующих элементов в любом порядке: Элементы анимации Описательные элементы Элементы фигур Структурные элементы Элементы градиента `<a>`, `<clipPath>`, `<filter>`, `<foreignObject>`, `<image>`, `<marker>`, `<mask>`, `<pattern>`, `<script>`, `<style>`, `<switch>`, `<text>`, `<view>`

Атрибуты

Этот элемент поддерживает только глобальные атрибуты.

Интерфейс DOM

Этот элемент реализует интерфейс SVGGElement.

Пример

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <!-- Using g to inherit presentation attributes -->
  <g fill="white" stroke="green" stroke-width="5">
    <circle cx="40" cy="40" r="25" />
    <circle cx="60" cy="60" r="25" />
  </g>
</svg>

Спецификации

Спецификация
Масштабируемая векторная графика (SVG) 2> # GElement>

Совместимость с браузерами

	Настольные компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android	WebView на iOS
`g`	1	12	1.5	8	3.1	18	4	14	2	1.0	3	2
`systemLanguage`	1	12	12	8	3.1	18	14	14	2	1.0	3	2

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/g