recursal/MDN huggingface dataset:
<polyline>
==========

L'élément SVG **`<polyline>`** est une forme SVG basique qui crée des lignes entre plusieurs points. Un élément `polyline` est généralement utilisé pour créer des tracés ouverts car le dernier point n'est pas nécessairement connecté avec le premier. Lorsqu'on désire réaliser des formes fermées, on privilégiera l'élément `<polygon>`.

Contexte d'utilisation
----------------------

|  |  |
| --- | --- |
| Catégories | Élément de forme basique, Élément graphique, Élément de forme |
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre :Éléments d'animationÉléments descriptifs |

Attributs
---------

### Attributs universels

* Attributs de traitement conditionnel
* Attributs principaux
* Attributs relatifs aux évènements graphiques
* Attributs de présentation
* `class (en-US)`
* `style`
* `externalResourcesRequired`
* `transform`
### Attributs spécifiques

* `points`
Interface DOM
-------------

Cet élément implémente l'interface `SVGPolylineElement` (en-US).

Exemples
--------

### Utilisation basique

#### SVG


```html
<svg width="120" height="120" xmlns="http://www.w3.org/2000/svg">
  <polyline fill="none" stroke="black" points="20,100 40,60 70,80 100,20" />
</svg>
```


#### Résultat

### Escaliers

#### HTML


```html
<div class="contain-demo">
  <svg width="150" height="200">
    <desc>Première polyligne orange avec remplissage blanc.</desc>
    <polyline
 points="0,40 40,40 40,80 80,80 80,120 120,120 120,160"
 fill="white"
 stroke="#D07735"
 stroke-width="6" />
  </svg>
  <svg width="150" height="200">
    <desc>Seconde polyligne orange avec remplissage jaune.</desc>
    <polyline
 points="0,40 40,40 40,80 80,80 80,120 120,120 120,160"
 fill="#F9F38C"
 stroke="#D07735"
 stroke-width="6" />
  </svg>
</div>
```


#### CSS


```css
.contain-demo {
  margin: 25px auto;
  text-align: center;
}
```


#### Résultat

Spécifications
--------------

| Specification |
| --- |
| Scalable Vector Graphics (SVG) 2 # PolylineElement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `<line>`
* `<polygon>`
<filter>
========

L'élément SVG **`<filter>`** sert de conteneur pour définir des opérations de filtre. Il n'est jamais affiché par lui-même, il est référencé en utilisant l'attribut `filter (en-US)` sur un élément SVG ou via la propriété CSS `filter`.

Contexte d'utilisation
----------------------

|  |  |
| --- | --- |
| Catégories | Aucune |
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre :Éléments descriptifsÉléments de primitive de filtre`<animate>`, `<set>` (en-US) |

Attributs
---------

### Attributs globaux

* Attributs de base
* Attributs de présentation
* Attributs XLink
* `class (en-US)`
* `style`
* `externalResourcesRequired`
### Attributs spécifiques

* `x`
* `y (en-US)`
* `width`
* `height`
* `filterRes`
* `filterUnits (en-US)`
* `primitiveUnits (en-US)`
* `xlink:href (en-US)`
Interface DOM
-------------

Cet élément implémente l'interface `SVGFilterElement` (en-US).

Exemple
-------

#### SVG


```html
<svg
 width="230"
 height="120"
 xmlns="http://www.w3.org/2000/svg"
 xmlns:xlink="http://www.w3.org/1999/xlink">
  <filter id="blurMe">
    <feGaussianBlur in="SourceGraphic" stdDeviation="5" />
  </filter>

  <circle cx="60" cy="60" r="50" fill="green" />

  <circle cx="170" cy="60" r="50" fill="green" filter="url(#blurMe)" />
</svg>
```


#### Résultat

| Screenshot | Live sample |
| --- | --- |
|  |  |

Spécifications
--------------

| Specification |
| --- |
| Filter Effects Module Level 1 # FilterElement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `<feBlend>`
* `<feColorMatrix>`
* `<feComponentTransfer>`
* `<feComposite>`
* `<feConvolveMatrix>`
* `<feDiffuseLighting>`
* `<feDisplacementMap>`
* `<feDropShadow>`
* `<feFlood>`
* `<feGaussianBlur>`
* `<feImage>`
* `<feMerge>`
* `<feMorphology>`
* `<feOffset>`
* `<feSpecularLighting>`
* `<feTile>`
* `<feTurbulence>`
* Tutoriel SVG: Filtres
<feTile>
========

La primitive de filtre SVG **`<feTile>`** permet de remplir un rectangle cible avec un motif en mosaïque qui répète une image en entrée. L'effet est similaire à ce que l'on obtient avec `<pattern>`.

Contexte d'utilisation
----------------------

|  |  |
| --- | --- |
| Catégories | Élément de primitive de filtre |
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre :`<animate>`, `<set>` (en-US) |

Attributs
---------

### Attributs globaux

* Attributs de base
* Attributs de présentation
* Attributs de primitives de filtre
* `class (en-US)`
* `style`
### Attributs spécifiques

* `in`
Interface DOM
-------------

Cet élément implémente l'interface `SVGFETileElement` (en-US).

Exemple
-------

### SVG


```html
<svg
 width="200"
 height="200"
 xmlns="http://www.w3.org/2000/svg"
 xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <filter id="tile" x="0" y="0" width="100%" height="100%">
      <feTile in="SourceGraphic" x="50" y="50" width="100" height="100" />
      <feTile />
    </filter>
  </defs>

  <image
 xlink:href="/files/6457/mdn\_logo\_only\_color.png"
 x="10%"
 y="10%"
 width="80%"
 height="80%"
 style="filter:url(#tile);" />
</svg>
```

### Résultat

Spécifications
--------------

| Specification |
| --- |
| Filter Effects Module Level 1 # feTileElement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `<filter>`
* `<animate>`
* `<set>` (en-US)
* `<feBlend>`
* `<feColorMatrix>`
* `<feComponentTransfer>`
* `<feComposite>`
* `<feConvolveMatrix>`
* `<feDiffuseLighting>`
* `<feDisplacementMap>`
* `<feFlood>`
* `<feGaussianBlur>`
* `<feImage>`
* `<feMerge>`
* `<feMorphology>`
* `<feOffset>`
* `<feSpecularLighting>`
* `<feTurbulence>`
* SVG tutorial: Filter effects
<feFuncG>
=========

La primitive de filtre SVG **`<feFuncG>`** doit être placée dans une balise `<feComponentTransfer>` et elle définit la fonction de transfert pour le canal vert de l'image en entrée.

Contexte d'utilisation
----------------------

|  |  |
| --- | --- |
| Catégories | Aucune |
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre :`<animate>`, `<set>` (en-US) |

Attributs
---------

### Attributs globaux

* Attributs de base
* Attributs de fonction de transfert
### Attributs spécifiques

*Aucun.*

Interface DOM
-------------

Cet élément implémente l'interface `SVGFEFuncGElement` (en-US).

Spécifications
--------------

| Specification |
| --- |
| Filter Effects Module Level 1 # feFuncGElement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `<filter>`
* `<animate>`
* `<set>` (en-US)
* `<feComponentTransfer>`
* `<feFuncA>`
* `<feFuncR>`
* `<feFuncB>`
* Tutoriel SVG: Filtres
<feDistantLight>
================

La primitive de filtre **`<feDistantLight>`** définit une source de lumière distante, que l'on place dans une primitive de filtre d'éclairage:`<feDiffuseLighting>` ou `<feSpecularLighting>`.

Contexte d'utilisation
----------------------

|  |  |
| --- | --- |
| Catégories | Élément de source de lumière |
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre :`<animate>`, `<set>` (en-US) |

Attributs
---------

### Attributs globaux

* Attributs de base
### Attributs spécifiques

* `azimuth (en-US)`
* `elevation (en-US)`
Interface DOM
-------------

Cet élément implémente l'interface `SVGFEDistantLightElement` (en-US).

Spécifications
--------------

| Specification |
| --- |
| Filter Effects Module Level 1 # feDistantLightElement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `<filter>`
* `<animate>`
* `<set>` (en-US)
* `<feDiffuseLighting>`
* `<feSpecularLighting>`
* `<fePointLight>`
* `<feSpotLight>`
* Tutoriel SVG: Filtres
<linearGradient>
================

L'élément **`<linearGradient>`** permet de définir des dégradés linéaires, qui pourront être utilisés comme remplissage ou contour des éléments SVG.

Contexte d'utilisation
----------------------

|  |  |
| --- | --- |
| Catégories | Élément de dégradé |
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre :Éléments descriptifs`<animate>`, `<animateTransform>`, `<set>` (en-US), `<stop>` |

Attributs
---------

### Attributs globaux

* Attributs de base
* Attributs de présentation
* Attributs Xlink
* `class (en-US)`
* `style`
* `externalResourcesRequired`
### Attributs spécifiques

* `gradientUnits (en-US)`
* `gradientTransform (en-US)`
* `x1 (en-US)`
* `y1 (en-US)`
* `x2 (en-US)`
* `y2 (en-US)`
* `spreadMethod (en-US)`
* `xlink:href (en-US)`
Interface DOM
-------------

Cet élément implémente l'interface `SVGLinearGradientElement` (en-US).

Exemple
-------


```html
<svg width="120" height="120" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="MyGradient">
      <stop offset="5%" stop-color="green" />
      <stop offset="95%" stop-color="gold" />
    </linearGradient>
  </defs>

  <rect fill="url(#MyGradient)" x="10" y="10" width="100" height="100" />
</svg>
```

Spécifications
--------------

| Specification |
| --- |
| Scalable Vector Graphics (SVG) 2 # LinearGradients |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `<radialGradient>`
* `<stop>`
clip-path
=========

L'attribut **`clip-path`** permet d'appliquer un détourage à un élément.

**Note :** `clip-path` étant un attribut de présentation, il peut être utilisé comme propriété CSS.

Cet attribut peut être appliqué sur tous les éléments, en revanche il n'aura d'effet que sur les éléments suivants: `<a>`, `<circle>`, `<clipPath>`, `<ellipse>`, `<g>`, `<glyph>` (en-US), `<image>`, `<line>`, `<marker>`, `<mask>`, `<path>`, `<pattern>`, `<polygon>`, `<polyline>`, `<rect>`, `<svg>`, `<symbol>`, `<text>`, `<use>`

Exemple
-------
```

html,
body,
svg {
  height: 100%;
}
```



```html
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
  <clipPath id="myClip" clipPathUnits="objectBoundingBox">
    <circle cx=".5" cy=".5" r=".5" />
  </clipPath>

  <!-- En haut à gauche: Applique un détourage précédemment crée -->
  <rect
 x="1"
 y="1"
 width="8"
 height="8"
 stroke="green"
 clip-path="url(#myClip)" />

  <!-- En haut à droite: Applique un détourage sur fill-box via une forme CSS.
 Revient à créer un détourage avec clipPathUnits="objectBoundingBox" -->
  <rect
 x="11"
 y="1"
 width="8"
 height="8"
 stroke="green"
 clip-path="circle() fill-box" />

  <!-- En bas à gauche: Applique un détourage sur stroke-box via une forme CSS. -->
  <rect
 x="1"
 y="11"
 width="8"
 height="8"
 stroke="green"
 clip-path="circle() stroke-box" />

  <!-- En bas à droite: Applique un détourage sur view-box via une forme CSS.
 Revient à créer un détourage avec clipPathUnits="userSpaceOnUse" -->
  <rect
 x="11"
 y="11"
 width="8"
 height="8"
 stroke="green"
 clip-path="circle() view-box" />
</svg>
```

Notes d'usage
-------------

|  |  |
| --- | --- |
| Valeur | `url()` | [ `<basic-shape>` ||
 <geometry-box> ] | `none` |
| Valeur par défaut | `none` |
| Animation | Oui |

<geometry-box>

une information supplémentaire pour dire comment une `forme CSS` est appliquée à un élément: `fill-box` indique d'utiliser la zone de sélection de l'objet ; `stroke-box` d'utiliser la zone de sélection de l'objet en prenant en plus le contour de l'élément; `view-box` d'utiliser le document SVG parent.


**Note :** Pour plus d'informations sur la syntaxe de clip-path, voir la propriété CSS `clip-path`.

Spécifications
--------------

| Specification |
| --- |
| CSS Masking Module Level 1 # the-clip-path |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
Attributs SVG de traitement conditionnel
========================================

Les *attributs SVG de traitement conditionnel* sont tous les attributs qui peuvent être spécifiés sur des éléments SVG pour contrôler si l'élément sur lequel il s'applique doit s'afficher ou non.

* externalResourcesRequired
* requiredExtensions
* requiredFeatures
* systemLanguage
Attributs
---------

`externalResourcesRequired` 
Obsolète

 Si sa valeur vaut `true`, cela indique que le navigateur doit attendre que toutes les ressources externes nécessaires au rendu de cet élément soient chargées avant de traiter l'élément associé.
 *Valeur*: **`false`**|`true`; *Animation*: **Non**

`requiredExtensions`

 Liste toutes les fonctionnalités devant être prises en charge par le navigateur pour autoriser l'affichage de l'élément associé.
 *Valeur*: Une liste d'URI séparées par des espaces; *Animation*: **Non**

`requiredFeatures (en-US)` 
Obsolète

 Liste toutes les fonctionnalités, telles que définies dans la spécification SVG 1.1, devant être prises en charge par le navigateur pour autoriser l'affichage de l'élément associé.
 *Valeur*: Une list d'URI séparées par espaces; *Animation*: **Non**

`systemLanguage (en-US)`

 Indique la langue que l'utilisatteur doit avoir choisit pour autoriser l'affichage l'élément associé.
 *Valeur*: Une liste d'ID de langage séparés par des virgules; *Animation*: **Non**

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
seed
====

« Page de référence des attributs SVG

L'attribut `seed` représente le nombre palier pour la pseudo génération d'un nombre aléatoire via la primitive `<feTurbulence>`.

Si l'attribut n'est pas spécifié, alors le palier sera fixé à **0**.

Contexte d'usage
----------------

|  |  |
| --- | --- |
| Catégories | *Aucun* |
| Valeur | <number> (en-US) |
| Animable | Oui |
| Document normatif | SVG 1.1 (2nd Edition) |

Éléments
--------

Les éléments suivants peuvent être utilisés avec l'attribut `seed` :

* `<feTurbulence>`
Attributs SVG de style
======================

Les *attributs SVG de style* sont tous les attributs qui peuvent être spécifiés sur tout élément SVG pour appliquer des styles CSS.

* `class`
* `style`
Attributs
---------

`class (en-US)`

 Assigne un nom de classe ou un ensemble de noms de classe à un élément. Il fonctionne de manière identique à l'attribut `class` en HTML.
 *Valeur*: Tout ID valide; *Animation*: **Oui**

`style`

 Spécifie les informations de style d'un élément. Il fonctionne de manière identique à l'attribut `style` en HTML.
 *Valeur*: Toute chaîne de caractères valide; *Animation*: **Non**

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
stroke-opacity
==============

L'attribut **`stroke-opacity`** définit l'opacité du contour (*couleur*, *dégradé*, *motif*, etc) appliqué à une forme SVG.

**Note :** `stroke-opacity` étant un attribut de présentation, il peut être utilisé comme propriété CSS.

Cet attribut peut être appliqué à tous les éléments, en revanche il n'aura d'effet que sur les éléments suivants: `<altGlyph>`, `<circle>`, `<ellipse>`, `<path>`, `<polygon>`, `<polyline>`, `<rect>`, `<text>`, `<textPath>` (en-US), `<tref>` (en-US), et `<tspan>`

Exemple
-------
```

html,
body,
svg {
  height: 100%;
}
```



```html
<svg viewBox="0 0 40 10" xmlns="http://www.w3.org/2000/svg">
  <!-- Opacité par défaut: 1 -->
  <circle cx="5" cy="5" r="4" stroke="green" />

  <!-- Définit l'opacité avec un nombre entre 0 et 1-->
  <circle cx="15" cy="5" r="4" stroke="green" stroke-opacity="0.7" />

  <!-- Définit l'opacité avec un pourcentage -->
  <circle cx="25" cy="5" r="4" stroke="green" stroke-opacity="50%" />

  <!-- Définit l'opacité comme propriété CSS -->
  <circle cx="35" cy="5" r="4" stroke="green" style="stroke-opacity: .3;" />
</svg>
```

Notes d'usage
-------------

|  |  |
| --- | --- |
| Valeur | `[0-1]` |
 **<percentage>** |
| Valeur par défaut | `1` |
| Animation | Oui |

**Note :** SVG2 introduit les valeurs en pourcentage pour `stroke-opacity`, Cependant, ce n'est pas souvent pris en charge. pour le moment (*voir la section Compatibilité des navigateurs ci-dessous*), il est par conséquent recommendé d'utiliser les valeurs de l'intervalle `[0-1]`.

Il est important de savoir que le contour recouvre partiellement le remplissage d'une forme. Ainsi, un contour avec une opacité différente de 1 affichera partiellement le remplissage du dessous. Pour éviter cet effet, il est possible d'appliquer une opacité globale avec l'attribut `opacity (en-US)` ou placer le contour derrière le remplissage avec `paint-order (en-US)`.

Spécifications
--------------

| Specification |
| --- |
| Scalable Vector Graphics (SVG) 2 # StrokeOpacity |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
points
======

L'attribut **`point`** défini une liste de points. Chaque point est défini par deux nombres représentant les coordonnées X et Y dans le système de coordonnées de l'utilisateur. Si une coordonnées est dépareillée elle sera ignorée.

Les éléments `<polyline>` et `<polygon>` utilisent cet attribut.

Exemple
-------
```

html,
body,
svg {
  height: 100%;
}
```



```html
<svg viewBox="-10 -10 220 120" xmlns="http://www.w3.org/2000/svg">
  <!-- polyline est une forme ouverte -->
  <polyline stroke="black" fill="none" points="50,0 21,90 98,35 2,35 79,90" />

  <!-- polygon est une forme fermée -->
  <polygon
 stroke="black"
 fill="none"
 transform="translate(100,0)"
 points="50,0 21,90 98,35 2,35 79,90" />

  <!--
 Il est généralement recommendé de séparer les valeurs X et Y
 avec une virgule et les coordonées avec des espaces.
 Cela est plus lisible.
 -->
</svg>
```

polyline
--------

Pour un élément `<polyline>`, `points` défini une liste de point, chaqu'un représente le vecteur pour tracer la ligne. Chaque point est défini par X et Y dans le système de coordonées de l'utilisateur.

**Note :** Un polygone est une forme ouverte, ce qui implique que le dernier point n'est pas connecté au premier point.


|  |  |
| --- | --- |
| Valeur | [ `<number>`+ ]# |
| Valeur par défaut | *aucune* |
| Peut être animé | Oui |

### Exemple
```

html,
body,
svg {
  height: 100%;
}
```



```html
<svg viewBox="-10 -10 120 120" xmlns="http://www.w3.org/2000/svg">
  <!-- polyline est une forme ouverte -->
  <polyline stroke="black" fill="none" points="50,0 21,90 98,35 2,35 79,90" />
</svg>
```

polygon
-------

Pour un élément `<polyline>`, `points` défini une liste de point, chaqu'un représente le vecteur pour tracer la ligne. Chaque point est défini par X et Y dans le système de coordonées de l'utilisateur.

**Note :** Un polygone est une forme fermée, ce qui implique que le dernier point est connecté au premier.


|  |  |
| --- | --- |
| Valeur | [ `<number>`+ ]# |
| Valeur par défaut | *aucune* |
| Peut être animé | Oui |

### Example
```

html,
body,
svg {
  height: 100%;
}
```



```html
<svg viewBox="-10 -10 120 120" xmlns="http://www.w3.org/2000/svg">
  <!-- polygon est une forme fermée -->
  <polygon stroke="black" fill="none" points="50,0 21,90 98,35 2,35 79,90" />
</svg>
```

Spécifications
--------------

| Specification |
| --- |
| Scalable Vector Graphics (SVG) 2 # PolygonElementPointsAttribute |
| Scalable Vector Graphics (SVG) 2 # PolylineElementPointsAttribute |
accent-height
=============

**Obsolète:** Cette fonctionnalité a été supprimée des standards du Web. Bien que quelques navigateurs puissent encore la supporter, elle est en cours d'éradication. Ne l'utilisez ni dans d'anciens projets, ni dans de nouveaux. Les pages et applications Web l'utilisant peuvent cesser de fonctionner à tout moment.

L'attribut **`accent-height`** définit la distance entre l'origine et le haut des accents placés sur les caractères. Cette distance est mesurée dans le système de coordonnées de la police.

Cet attribut peut être utilisé avec les éléments SVG suivants :

* `<font-face>` (en-US)
`font-face`
-----------

Pour les éléments `<font-face>` (en-US), `accent-height` définit la distance entre l'origine et le haut des accents placés sur les caractères, mesurée selon le système de coordonnées de la police.

|  |  |
| --- | --- |
| Valeur | `<number>` (en-US) |
| Valeur par défaut | La valeur portée par l'attribut `ascent` (en-US) |
| Peut être animé | Non |

Spécifications
--------------

| Spécification | État | Commentaires |
| --- | --- | --- |
| La définition de 'accent-height' dans la spécification Scalable Vector Graphics (SVG) 1.1 (deuxième édition) | Recommendation | Définition initiale |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `cap-height` (en-US)
* `x-height` (en-US)
mask
====

L'attribut `mask` est un attribut de présentation principalement utilisé pour appliquer un trou (défini par un élément `<mask>`) sur l'élément qui possède cet attribut.

**Note :** On peut aussi utiliser l'attribut `mask` en CSS.

Exemple
-------
```

html,
body,
svg {
  height: 100%;
}
```



```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%" />
    <polygon
 fill="black"
 points="0.5,0.2 0.68,0.74 0.21,0.41 0.79,0.41 0.32,0.74" />
  </mask>

  <!-- Fait un trou de la forme d'une étoile sur le cercle rouge,
 ce qui laisse apparaître le cercle jaune situé dessous. -->
  <circle cx="50" cy="50" r="20" fill="yellow" />
  <circle cx="50" cy="50" r="45" fill="red" mask="url(#monMask)" />
</svg>
```


Depuis SVG2, l'attribut `mask` est défini comme une propriété CSS et comme une propriété raccourcie pour beaucoup d'autres propriétés: `mask-image`, `mask-mode`, `mask-repeat`, `mask-position`, `mask-clip`, `mask-origin`, `mask-size` et `mask-composite`.

Étant un attribut de présentation, il peut être appliqué sur n'importe quel élément, mais il a un effet visible surtout sur les éléments suivants: `<a>`, `<circle>`, `<clipPath>`, `<ellipse>`, `<g>`, `<glyph>` (en-US), `<image>`, `<line>`, `<marker>`, `<mask>`, `<path>`, `<pattern>`, `<polygon>`, `<polyline>`, `<rect>`, `<svg>`, `<symbol>`, `<text>` et `<use>`.

Contexte d'utilisation
----------------------

|  |  |
| --- | --- |
| Valeur | Voir la propriété CSS `mask` |
| Valeur par défaut | `none` |
| Animable | Oui |

Spécifications
--------------

| Specification |
| --- |
| CSS Masking Module Level 1 # the-mask |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.