aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/svg/element/rect
diff options
context:
space:
mode:
authorjulieng <julien.gattelier@gmail.com>2021-11-01 07:51:45 +0100
committerSphinxKnight <SphinxKnight@users.noreply.github.com>2021-11-07 11:57:29 +0100
commit88dda3c00eefc18a29447e99ebd3177925602b52 (patch)
treea184ddfe3825b6f05cba6d7586ea05c9375558a0 /files/fr/web/svg/element/rect
parent7040e4bc9c98e0c50ce903a5cbeeabeda2ed908a (diff)
downloadtranslated-content-88dda3c00eefc18a29447e99ebd3177925602b52.tar.gz
translated-content-88dda3c00eefc18a29447e99ebd3177925602b52.tar.bz2
translated-content-88dda3c00eefc18a29447e99ebd3177925602b52.zip
convert content to md
Diffstat (limited to 'files/fr/web/svg/element/rect')
-rw-r--r--files/fr/web/svg/element/rect/index.md84
1 files changed, 41 insertions, 43 deletions
diff --git a/files/fr/web/svg/element/rect/index.md b/files/fr/web/svg/element/rect/index.md
index aa18e5a282..99f8d22bcd 100644
--- a/files/fr/web/svg/element/rect/index.md
+++ b/files/fr/web/svg/element/rect/index.md
@@ -7,66 +7,64 @@ tags:
- SVG Reference
translation_of: Web/SVG/Element/rect
---
-<div>{{SVGRef}}{{Draft("Cette version n'est pas à jour relativement à la version anglaise de référence, merci d'en tenir compte.")}}</div>
+{{SVGRef}}{{Draft("Cette version n'est pas à jour relativement à la version anglaise de référence, merci d'en tenir compte.")}}
-<p>L'élément <code>rect</code> 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.</p>
+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.
-<h2 id="Usage">Usage</h2>
+## Usage
-<p>{{svginfo}}</p>
+{{svginfo}}
-<h2 id="Exemple">Exemple</h2>
+## Exemple
-<pre class="brush: css hidden"><code>html,body,svg { height:100% }</code></pre>
+```css hidden
+html,body,svg { height:100% }
+```
-<pre class="brush: html"><code>&lt;svg viewBox="0 0 220 100" xmlns="http://www.w3.org/2000/svg"&gt;
- &lt;!-- Simple rect element --&gt;
- &lt;rect x="0" y="0" width="100" height="100" /&gt;
+```html
+<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" />
- &lt;!-- Rounded corner rect element --&gt;
- &lt;rect x="120" y="0" width="100" height="100" rx="15" ry="15" /&gt;
-&lt;/svg&gt;</code></pre>
+ <!-- Rounded corner rect element -->
+ <rect x="120" y="0" width="100" height="100" rx="15" ry="15" />
+</svg>
+```
-<p>{{EmbedLiveSample('Exemple', 100, '100%')}}</p>
+{{EmbedLiveSample('Exemple', 100, '100%')}}
-<h2 id="Attributs">Attributs</h2>
+## Attributs
-<h3 id="Attributs_Globaux">Attributs Globaux</h3>
+### Attributs Globaux
-<ul>
- <li><a href="/fr/SVG/Attribute#ConditionalProccessing" title="fr/SVG/Attribute#ConditionalProccessing">Attributs conditionnels</a> »</li>
- <li><a href="/fr/SVG/Attribute#Core" title="fr/SVG/Attribute#Core">Attributs centraux</a> »</li>
- <li><a href="/fr/SVG/Attribute#GraphicalEvent" title="fr/SVG/Attribute#GraphicalEvent">Attributs d'événements graphiques</a> »</li>
- <li><a href="/fr/SVG/Attribute#Presentation" title="fr/SVG/Attribute#Presentation">Attributs de présentation</a> »</li>
- <li>{{ SVGAttr("class") }}</li>
- <li>{{ SVGAttr("style") }}</li>
- <li>{{ SVGAttr("externalResourcesRequired") }}</li>
- <li>{{ SVGAttr("transform") }}</li>
-</ul>
+- [Attributs conditionnels](/fr/SVG/Attribute#ConditionalProccessing "fr/SVG/Attribute#ConditionalProccessing") »
+- [Attributs centraux](/fr/SVG/Attribute#Core "fr/SVG/Attribute#Core") »
+- [Attributs d'événements graphiques](/fr/SVG/Attribute#GraphicalEvent "fr/SVG/Attribute#GraphicalEvent") »
+- [Attributs de présentation](/fr/SVG/Attribute#Presentation "fr/SVG/Attribute#Presentation") »
+- {{ SVGAttr("class") }}
+- {{ SVGAttr("style") }}
+- {{ SVGAttr("externalResourcesRequired") }}
+- {{ SVGAttr("transform") }}
-<h3 id="Attributs_spécifiques">Attributs spécifiques</h3>
+### Attributs spécifiques
-<ul>
- <li>{{ SVGAttr("x") }}</li>
- <li>{{ SVGAttr("y") }}</li>
- <li>{{ SVGAttr("width") }}</li>
- <li>{{ SVGAttr("height") }}</li>
- <li>{{ SVGAttr("rx") }}</li>
- <li>{{ SVGAttr("ry") }}</li>
-</ul>
+- {{ SVGAttr("x") }}
+- {{ SVGAttr("y") }}
+- {{ SVGAttr("width") }}
+- {{ SVGAttr("height") }}
+- {{ SVGAttr("rx") }}
+- {{ SVGAttr("ry") }}
-<h2 id="Interface_DOM">Interface DOM</h2>
+## Interface DOM
-<p>Cet élément implémente l'interface <code><a href="/fr/DOM/SVGRectElement" title="en/DOM/SVGRectElement">SVGRectElement</a></code> .</p>
+Cet élément implémente l'interface [`SVGRectElement`](/fr/DOM/SVGRectElement "en/DOM/SVGRectElement") .
-<h2 id="Compatibilité_avec_les_navigateurs">Compatibilité avec les navigateurs</h2>
+## Compatibilité avec les navigateurs
-<p>{{Compat("svg.elements.rect")}}</p>
+{{Compat("svg.elements.rect")}}
-<p> </p>
-<h2 id="Voir_également">Voir également</h2>
-<ul>
- <li>{{ SVGElement("path") }}</li>
-</ul>
+## Voir également
+
+- {{ SVGElement("path") }}