<g>

L'élément g est un conteneur utilisé pour grouper des objets. Les transformations appliquées à l'élément g sont reportées à tous ses éléments enfants. Les attributs appliqués sont également reportés aux éléments enfants. En plus, il peut être utilisé pour définir des objets complexes qui seront référencés ultérieurement avec l'élément <use>.

Contexte d'utilisation

CatégoriesÉlément conteneur, Élément structurel
Contenu autoriséTout élément de cette liste, quel qu'en soit l'ordre:
Éléments d'animation
Éléments descriptifs
Éléments de formes
Éléments structurels
Eléments de dégradés
<a>, <altGlyphDef>, <clipPath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignObject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view>

Exemple

<svg width="100%" height="100%" viewBox="0 0 95 50"
     xmlns="http://www.w3.org/2000/svg">
  <g stroke="green" fill="white" stroke-width="5">
    <circle cx="25" cy="25" r="15" />
    <circle cx="40" cy="25" r="15" />
    <circle cx="55" cy="25" r="15" />
    <circle cx="70" cy="25" r="15" />
  </g>
</svg>

Attributs

Attributs globaux

Attributs spécifiques

Aucun attribut spécifique

Interface DOM

Cet élément implémente l'interface SVGGElement.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support basique 1.0 1.5 (1.8) 9.0 8.0 3.0.4
Fonctionnalité Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Support basique 3.0 1.0 (1.8) Pas de support (Oui) 3.0.4

Le tableau est basé sur ces sources.

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : Sebastianz, SphinxKnight, teoli, J.DMB, fscholz, miam
 Dernière mise à jour par : Sebastianz,