diff options
Diffstat (limited to 'files/fr/web/svg/attribute/cx/index.html')
| -rw-r--r-- | files/fr/web/svg/attribute/cx/index.html | 26 |
1 files changed, 13 insertions, 13 deletions
diff --git a/files/fr/web/svg/attribute/cx/index.html b/files/fr/web/svg/attribute/cx/index.html index bb97ab6341..02eeedde0c 100644 --- a/files/fr/web/svg/attribute/cx/index.html +++ b/files/fr/web/svg/attribute/cx/index.html @@ -12,10 +12,9 @@ translation_of: Web/SVG/Attribute/cx <p>Trois éléments utilisent cet attribut: {{SVGElement("circle")}}, {{SVGElement("ellipse")}}, et {{SVGElement("radialGradient")}}</p> -<div id="topExample"> -<div class="hidden"> -<pre class="brush: css">html,body,svg { height:100% }</pre> -</div> +<h2>Exemple</h2> + +<pre class="brush: css hidden">html,body,svg { height:100% }</pre> <pre class="brush: html"><svg viewBox="0 0 300 100" xmlns="http://www.w3.org/2000/svg"> <radialGradient cx="25%" id="myGradient"> @@ -28,8 +27,7 @@ translation_of: Web/SVG/Attribute/cx <rect x="205" y="5" width="90" height="90" fill="url(#myGradient)" /> </svg></pre> -<p>{{EmbedLiveSample('topExample', 100, 100)}}</p> -</div> +<p>{{EmbedLiveSample('exemple', 100, 100)}}</p> <h2 id="circle">circle</h2> @@ -52,7 +50,9 @@ translation_of: Web/SVG/Attribute/cx </tbody> </table> -<p class="note"><strong>Note:</strong> À partir de SVG2, <code>cx</code> est une<em> propriété de géométrie</em>, ce qui signifie que cet attribut peut être utilisé comme propriété CSS pour les cercles.</p> +<div class="note"> + <p><strong>Note:</strong> À partir de SVG2, <code>cx</code> est une<em> propriété de géométrie</em>, ce qui signifie que cet attribut peut être utilisé comme propriété CSS pour les cercles.</p> +</div> <h2 id="ellipse">ellipse</h2> @@ -75,11 +75,13 @@ translation_of: Web/SVG/Attribute/cx </tbody> </table> -<p class="note"><strong>Note:</strong> À partir de SVG2, <code>cx</code> est une<em> propriété de géométrie</em>, ce qui signifie que cet attribut peut être utilisé comme propriété CSS pour les ellipses.</p> +<div class="note"> + <p><strong>Note :</strong> À partir de SVG2, <code>cx</code> est une<em> propriété de géométrie</em>, ce qui signifie que cet attribut peut être utilisé comme propriété CSS pour les ellipses.</p> +</div> <h2 id="radialGradient">radialGradient</h2> -<p>Pour un élément {{SVGElement('radialGradient')}}, <code>cx</code> définit la coordonnées x du plus grand cercle pour le dégradé radial (c'est-à-dire du plus externe). Le dégradé sera dessiné de telle façon que la <a href="/en-US/docs/SVG/Element/stop" title="/en-US/docs/SVG/Element/stop">limite du dégradé</a> à <strong>100%</strong> corresponde au périmètre de ce plus grand cercle.</p> +<p>Pour un élément {{SVGElement('radialGradient')}}, <code>cx</code> définit la coordonnées x du plus grand cercle pour le dégradé radial (c'est-à-dire du plus externe). Le dégradé sera dessiné de telle façon que la <a href="/fr/docs/SVG/Element/stop" title="/en-US/docs/SVG/Element/stop">limite du dégradé</a> à <strong>100%</strong> corresponde au périmètre de ce plus grand cercle.</p> <table class="standard-table"> <tbody> @@ -98,11 +100,9 @@ translation_of: Web/SVG/Attribute/cx </tbody> </table> -<h4 id="Exemple">Exemple</h4> +<h4 id="autre_exemple">Autre exemple</h4> -<div class="hidden"> -<pre class="brush: css">html,body,svg { height:100% }</pre> -</div> +<pre class="brush: css hidden">html,body,svg { height:100% }</pre> <pre class="brush: html"><svg viewBox="0 0 34 10" xmlns="http://www.w3.org/2000/svg"> <defs> |