diff options
Diffstat (limited to 'files/fr/web/svg/attribute/cy/index.html')
| -rw-r--r-- | files/fr/web/svg/attribute/cy/index.html | 26 |
1 files changed, 13 insertions, 13 deletions
diff --git a/files/fr/web/svg/attribute/cy/index.html b/files/fr/web/svg/attribute/cy/index.html index 041e7bcdfd..24ec4c6c58 100644 --- a/files/fr/web/svg/attribute/cy/index.html +++ b/files/fr/web/svg/attribute/cy/index.html @@ -12,10 +12,9 @@ translation_of: Web/SVG/Attribute/cy <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 100 300" xmlns="http://www.w3.org/2000/svg"> <radialGradient cy="25%" id="myGradient"> @@ -28,8 +27,7 @@ translation_of: Web/SVG/Attribute/cy <rect x="5" y="205" width="90" height="90" fill="url(#myGradient)" /> </svg></pre> -<p>{{EmbedLiveSample('topExample', '100%', 300)}}</p> -</div> +<p>{{EmbedLiveSample('exemple', '100%', 300)}}</p> <h2 id="circle">circle</h2> @@ -52,7 +50,9 @@ translation_of: Web/SVG/Attribute/cy </tbody> </table> -<p class="note"><strong>Note:</strong> À partir de SVG2, <code>cy</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>cy</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/cy </tbody> </table> -<p class="note"><strong>Note:</strong> À partir de SVG2, <code>cy</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>cy</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>cy</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="https://developer.mozilla.org/en-US/docs/SVG/Element/stop" title="/en-US/docs/SVG/Element/stop">limite de dégradé</a> de <strong>100%</strong> corresponde au périmètre de ce plus grand cercle.</p> +<p>Pour un élément {{SVGElement('radialGradient')}}, <code>cy</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 de dégradé</a> de <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/cy </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> |