Brouillon
Cette page n'est pas terminée.

Cette version n'est pas à jour relativement à la version anglaise de référence, merci d'en tenir compte.

L'élément rect est un élément de Formes basiques, utilisé pour dessiner des rectangles à partir de la  position d'un angle, de largeur et de la hauteur. Il peut aussi être utilisé avec des arrondis.

Usage

CatégoriesÉlément de forme basique, Élément graphique, Élément de forme
Contenu autoriséTout élément de cette liste, quel qu'en soit l'ordre:
Éléments d'animation
Éléments descriptifs

Exemple

<svg viewBox="0 0 220 100" xmlns="http://www.w3.org/2000/svg">
  <!-- Simple rect element -->
  <rect x="0" y="0" width="100" height="100" />

  <!-- Rounded corner rect element -->
  <rect x="120" y="0" width="100" height="100" rx="15" ry="15" />
</svg>

Attributs

Attributs Globaux

Attributs spécifiques

Interface DOM

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

Compatibilité avec les navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome Support complet 1Edge Support complet OuiFirefox Support complet 1.5IE Support complet 9Opera Support complet 8Safari Support complet 3.1WebView Android Support complet 3Chrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet 3.1Samsung Internet Android Support complet Oui
heightChrome Support complet 1Edge Support complet OuiFirefox Support complet 1.5IE Support complet 9Opera Support complet 8Safari Support complet 3.1WebView Android Support complet 3Chrome Android Support complet OuiEdge Mobile ? Firefox Android Support complet 4Opera Android ? Safari iOS Support complet 3.1Samsung Internet Android Support complet Oui
rxChrome Support complet 1Edge Support complet OuiFirefox Support complet 1.5IE Support complet 9Opera Support complet 8Safari Support complet 3.1WebView Android Support complet 3Chrome Android Support complet OuiEdge Mobile ? Firefox Android Support complet 4Opera Android ? Safari iOS Support complet 3.1Samsung Internet Android Support complet Oui
ryChrome Support complet 1Edge Support complet OuiFirefox Support complet 1.5IE Support complet 9Opera Support complet 8Safari Support complet 3.1WebView Android Support complet 3Chrome Android Support complet OuiEdge Mobile ? Firefox Android Support complet 4Opera Android ? Safari iOS Support complet 3.1Samsung Internet Android Support complet Oui
widthChrome Support complet 1Edge Support complet OuiFirefox Support complet 1.5IE Support complet 9Opera Support complet 8Safari Support complet 3.1WebView Android Support complet 3Chrome Android Support complet OuiEdge Mobile ? Firefox Android Support complet 4Opera Android ? Safari iOS Support complet 3.1Samsung Internet Android Support complet Oui
xChrome Support complet 1Edge Support complet OuiFirefox Support complet 1.5IE Support complet 9Opera Support complet 8Safari Support complet 3.1WebView Android Support complet 3Chrome Android Support complet OuiEdge Mobile ? Firefox Android Support complet 4Opera Android ? Safari iOS Support complet 3.1Samsung Internet Android Support complet Oui
yChrome Support complet 1Edge Support complet OuiFirefox Support complet 1.5IE Support complet 9Opera Support complet 8Safari Support complet 3.1WebView Android Support complet 3Chrome Android Support complet OuiEdge Mobile ? Firefox Android Support complet 4Opera Android ? Safari iOS Support complet 3.1Samsung Internet Android Support complet Oui

Légende

Support complet  
Support complet
Compatibilité inconnue  
Compatibilité inconnue

 

Voir également

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : EloD10, Sebastianz, SphinxKnight, Nfroidure, teoli, tregagnon, gemy_c
Dernière mise à jour par : EloD10,