{"json_modified": "2016-10-06T12:22:11.414446", "uuid": "8c92131a-6df1-411d-829a-022fc6526378", "title": "mask", "url": "/en-US/docs/Web/CSS/mask", "tags": ["SVG", "NeedsMobileBrowserCompatibility", "NeedsBrowserCompatibility", "CSS", "Reference", "Web", "CSS Property", "CSS Masks", "Layout"], "translations": [{"uuid": "535ba302-0ee4-4848-884d-6656baaeb7b9", "title": "mask", "url": "/de/docs/Web/CSS/mask", "tags": ["SVG", "NeedsBrowserCompatibility", "CSS", "Referenz", "Web", "Layout"], "summary": "The <code>mask</code> property in CSS allows users to alter the visibility of an item by either partially or fully hiding the item. This is accomplished by either masking or clipping the image at specific points.", "localization_tags": [], "locale": "de", "last_edit": "2015-10-21T06:38:20", "review_tags": []}, {"uuid": "df654e57-254b-48f1-8def-7fa81b8e35ac", "title": "mask", "url": "/fr/docs/Web/CSS/mask", "tags": ["CSS", "SVG", "Propri\u00e9t\u00e9", "R\u00e9f\u00e9rence"], "summary": "La propri\u00e9t\u00e9 <strong><code>mask</code></strong> permet de modifier la visibilit\u00e9 d'un \u00e9l\u00e9ment en le masquant partiellement ou compl\u00e8tement. Cela peut fonctionner en utilisant un masque appos\u00e9 sur l'image ou en rognant l'image aux positions donn\u00e9es. Cette propri\u00e9t\u00e9 est une propri\u00e9t\u00e9 raccourcie pour les propri\u00e9t\u00e9s <a href=\"/fr/docs/Web/CSS/mask-image\" title=\"La propri&#xE9;t&#xE9; mask-image d&#xE9;finit l'image qui sera utilis&#xE9;e comme masque pour un &#xE9;l&#xE9;ment.\"><code>mask-image</code></a>, <a href=\"/fr/docs/Web/CSS/mask-mode\" title=\"La propri&#xE9;t&#xE9; mask-mode indique si le masque d&#xE9;fini par mask-image est consid&#xE9;r&#xE9; comme un masque de luminance ou un masque alpha (transparence).\"><code>mask-mode</code></a>, <a href=\"/fr/docs/Web/CSS/mask-repeat\" title=\"La propri&#xE9;t&#xE9; mask-repeat d&#xE9;finit la fa&#xE7;on dont les images de masque sont r&#xE9;p&#xE9;t&#xE9;es. Une image de masque peut &#xEA;tre r&#xE9;p&#xE9;t&#xE9;e horizontalement, verticalement, dans les deux directions ou pas du tout.\"><code>mask-repeat</code></a>, <a href=\"/fr/docs/Web/CSS/mask-position\" title=\"La propri&#xE9;t&#xE9; mask-position indique la position initiale pour chaque image de masque utilis&#xE9;e. Cette position est relative &#xE0; l'origine d&#xE9;finie via la propri&#xE9;t&#xE9; mask-origin.\"><code>mask-position</code></a>, <a href=\"/fr/docs/Web/CSS/mask-clip\"><code>mask-clip</code></a>, <a href=\"/fr/docs/Web/CSS/mask-origin\" title=\"La propri&#xE9;t&#xE9; mask-origin permet de d&#xE9;finir l'origine &#xE0; partir de laquelle placer le masque.\"><code>mask-origin</code></a>, <a href=\"/fr/docs/Web/CSS/mask-size\" title=\"La propri&#xE9;t&#xE9; mask-size d&#xE9;finit les dimensions des images utilis&#xE9;es comme masques. La taille de l'image peut &#xEA;tre contrainte, partiellement ou compl&#xE8;tement, afin de conserver ses proportions intrins&#xE8;ques.\"><code>mask-size</code></a> et <a href=\"/fr/docs/Web/CSS/mask-composite \" title=\"Cette documentation n'a pas encore &#xE9;t&#xE9; r&#xE9;dig&#xE9;e, vous pouvez aider en contribuant&#xA0;!\"><code>mask-composite </code></a>.", "localization_tags": [], "locale": "fr", "last_edit": "2016-10-06T12:21:10", "review_tags": []}, {"uuid": "aad9ead9-28ab-4451-8d51-d4419fc3069d", "title": "mask", "url": "/pt-BR/docs/mask", "tags": ["SVG", "CSS", "m\u00e1scaras", "Compatibilidade Mobile", "Internet", "Web", "Referencia", "Layout"], "summary": "<span id=\"result_box\" lang=\"pt\"><span class=\"hps\">A propriedade</span> <span class=\"hps\">m\u00e1scara</span> <span class=\"alt-edited hps\">no</span> <span class=\"hps\">CSS</span> <span class=\"hps\">permite aos usu\u00e1rios</span> alterarem <span class=\"hps\">a visibilidade de</span> <span class=\"hps\">um item</span> <span class=\"hps\">parcialmente ou</span> <span class=\"hps\">totalmente</span> <span class=\"hps\">escondendo o</span> <span class=\"hps\">item.</span> <span class=\"alt-edited hps\">Isso \u00e9 obtido</span> <span class=\"hps\">por qualquer</span> <span class=\"hps\">mascaramento</span> <span class=\"hps\">ou</span> <span class=\"hps\">cortes na imagem</span> <span class=\"hps\">em pontos espec\u00edficos</span><span>.</span></span>", "localization_tags": [], "locale": "pt-BR", "last_edit": "2015-10-20T03:51:48", "review_tags": []}], "modified": "2016-10-06T03:55:58", "label": "mask", "localization_tags": [], "locale": "en-US", "id": 1360, "last_edit": "2016-10-06T03:55:48", "summary": "The <code>mask</code> property in CSS allows users to alter the visibility of an item by either partially or fully hiding it. This is accomplished by either masking or clipping the image at specific points.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Summary", "title": "Summary"}, {"id": "Syntax", "title": "Syntax"}, {"id": "Values", "title": "Values"}, {"id": "Formal_syntax", "title": "Formal syntax"}, {"id": "Examples", "title": "Examples"}, {"id": "Specifications", "title": "Specifications"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}, {"id": "See_also", "title": "See also"}], "slug": "Web/CSS/mask", "review_tags": ["technical"]}