diff options
Diffstat (limited to 'files/fr/web/svg/attribute/mask/index.html')
| -rw-r--r-- | files/fr/web/svg/attribute/mask/index.html | 18 |
1 files changed, 8 insertions, 10 deletions
diff --git a/files/fr/web/svg/attribute/mask/index.html b/files/fr/web/svg/attribute/mask/index.html index a3145cc508..c7059b649f 100644 --- a/files/fr/web/svg/attribute/mask/index.html +++ b/files/fr/web/svg/attribute/mask/index.html @@ -7,13 +7,14 @@ translation_of: Web/SVG/Attribute/mask <p>L'attribut <code>mask</code> est un attribut de présentation principalement utilisé pour appliquer un trou (défini par un élément {{ SVGElement("mask") }}) sur l'élément qui possède cet attribut.</p> -<p class="note"><strong>Note:</strong> On peut aussi utiliser l'attribut {{cssxref('mask')}} en CSS.</p> - -<div id="topExample"> -<div class="hidden"> -<pre class="brush: css">html,body,svg { height:100% }</pre> +<div class="note"> + <p><strong>Note :</strong> On peut aussi utiliser l'attribut {{cssxref('mask')}} en CSS.</p> </div> +<h2>Exemple</h2> + +<pre class="brush: css hidden">html,body,svg { height:100% }</pre> + <pre class="brush: html"><svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg"> <mask id="monMask" maskContentUnits="objectBoundingBox"> <rect fill="white" x="0" y="0" width="100%" height="100%" /> @@ -27,8 +28,7 @@ translation_of: Web/SVG/Attribute/mask mask="url(#monMask)"/> </svg></pre> -<p>{{EmbedLiveSample('topExample', '100%', 150)}}</p> -</div> +<p>{{EmbedLiveSample('exemple', '100%', 150)}}</p> <p>Depuis SVG2, l'attribut {{cssxref('mask')}} est défini comme une propriété CSS et comme une propriété raccourcie pour beaucoup d'autres propriétés: {{cssxref('mask-image')}}, {{cssxref('mask-mode')}}, {{cssxref('mask-repeat')}}, {{cssxref('mask-position')}}, {{cssxref('mask-clip')}}, {{cssxref('mask-origin')}}, {{cssxref('mask-size')}} et {{cssxref('mask-composite')}}.</p> @@ -53,9 +53,7 @@ translation_of: Web/SVG/Attribute/mask </tbody> </table> -<h2 id="Browser_Compatibility" name="Browser_Compatibility">Compatibilité des navigateurs</h2> - - +<h2 id="Browser_Compatibility">Compatibilité des navigateurs</h2> <p>{{Compat("svg.attributes.presentation.mask")}}</p> |