recursal/MDN huggingface dataset:
unset
=====

Le mot-clé **`unset`** correspond à la combinaison des mots-clés `initial` et `inherit`. Comme les autres mots-clés globaux à tout CSS, il peut être utilisé pour n'importe quelle propriété CSS, y compris la propriété raccourcie `all`. Ce mot-clé *réinitialise* la propriété afin que sa valeur soit la valeur héritée depuis l'élément parent ou soit la valeur initiale (s'il n'y a pas d'héritage). Autrement dit, s'il y a de l'héritage, ce mot-clé se comporte comme `inherit`, sinon, il se comporte comme `initial`.

Exemples
--------

### Avec `color`

#### CSS


```css
p {
  color: red;
}

#sidebar p {
  color: unset;
}
```


#### HTML


```html
<p>This text is red</p>
<div id="sidebar">
  <p>This text has the default color</p>
</div>
```


#### Résultat

### Avec `border`

#### CSS


```css
div {
  border: 1px solid green;
}

p {
  border: 1px solid red;
}

.truc p {
  border-color: unset;
}
```


#### HTML


```html
<p>Ce texte a une bordure rouge.</p>
<div class="toto">
  <p>Ce texte a une bordure rouge</p>
</div>
<div class="truc">
  <p>Ce texte a une bordure noire (la valeur initiale, non héritée)</p>
</div>
```


#### Résultat

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

| Specification |
| --- |
| CSS Cascading and Inheritance Level 4 # inherit-initial |

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

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

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

* Les valeurs globales qui peuvent s'appliquer pour toutes les propriétés CSS :
    + `initial`,
    + `inherit`,
    + `unset`,
    + `revert`.
* La propriété `all` est une propriété raccourcie qui permet de réinitialiser l'ensemble des propriétés avec leurs valeurs initiales, héritées, annulées ou indéfinies.
-webkit-mask-position-x
=======================

**Non standard:** Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

La propriété **`-webkit-mask-position-x`** permet de définir la position horizontale initiale d'une image de masque.


```css
/\* Valeurs avec un mot-clé \*/
-webkit-mask-position-x: left;
-webkit-mask-position-x: center;
-webkit-mask-position-x: right;

/\* Valeurs proportionnelles \*/
/\* Type <percentage> \*/
-webkit-mask-position-x: 100%;
-webkit-mask-position-x: -50%;

/\* Valeurs de longueur \*/
/\* Type <length> \*/
-webkit-mask-position-x: 50px;
-webkit-mask-position-x: -1cm;

/\* Gestion de plusieurs valeurs \*/
-webkit-mask-position-x:
  50px,
  25%,
  -3em;

/\* Valeurs globales \*/
-webkit-mask-position-x: inherit;
-webkit-mask-position-x: initial;
-webkit-mask-position-x: unset;
```

Syntaxe
-------

### Valeurs

`<length-percentage>`

Une longueur indiquant la position du bord gauche de l'image à partir du bord gauche de la boîte de remplissage (*padding*). Les pourcentages sont calculés relativement à la dimension horizontale de la boîte de remplissage. (`0%` indique que le bord gauche de l'image est aligné avec le bord gauche de la boîte de remplissage et `100%` indique que le bord droit de l'image est aligné avec le bord droit de la boîte de remplissage).

**`left`**

Un mot-clé équivalent à `0%`.

**`right`**

Un mot-clé équivalent à `100%`.

**`center`**

Un mot-clé équivalent à `50%`.

### Syntaxe formelle

Error: could not find syntax for this itemExemples
--------


```css
.exempleUn {
  -webkit-mask-image: url(mask.png);
  -webkit-mask-position-x: right;
}

.exempleDeux {
  -webkit-mask-image: url(mask.png);
  -webkit-mask-position-x: 25%;
}
```

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

Cette propriété est une propriété propriétaire liée à WebKit/Blink et ne fait partie d'aucune spécification.

|  |  |
| --- | --- |
| Valeur initiale | `0%` |
| Applicabilité | tous les éléments |
| Héritée | non |
| Pourcentages | fait référence à la taille de la boîte elle-même |
| Valeur calculée | pour `length`, la valeur absolue, sinon un pourcentage |
| Type d'animation | discrète |

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

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

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

* `-webkit-mask-position` (en-US)
* `-webkit-mask-position-y`
* `-webkit-mask-origin` (en-US)
* `-webkit-mask-attachment`
scroll-margin-bottom
====================

La propriété **`scroll-margin-bottom`** définit la marge de défilement de l'élément sur le côté bas. La zone de défilement est déterminée en prenant la boîte de bordure modifiée, en prenant le rectangle englobant puis en ajoutant les décalages indiqués.

Exemple interactif
------------------

Syntaxe
-------


```css
/\* Valeurs de longueur \*/
/\* Type <length> \*/
scroll-margin-bottom: 10px;
scroll-margin-bottom: 1em;

/\* Valeurs globales \*/
scroll-margin-bottom: inherit;
scroll-margin-bottom: initial;
scroll-margin-bottom: unset;
```

### Valeurs

`<length>`

Un décalage par rapport au côté correspondant du conteneur de défilement.

Définition formelle
-------------------

|  |  |
| --- | --- |
| Valeur initiale | `0` |
| Applicabilité | tous les éléments |
| Héritée | non |
| Valeur calculée | comme spécifié |
| Type d'animation | by computed value type |

Syntaxe formelle
----------------
```

scroll-margin-bottom =   
  <length>    
  
```

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

| Specification |
| --- |
| CSS Scroll Snap Module Level 1 # margin-longhands-physical |

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

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
border-block-end-style
======================

**Expérimental:** **Cette fonction est expérimentale**  
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.  
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

La propriété **`border-block-end-style`** définit le style de la bordure utilisé pour le côté de la fin de l'élément dans l'axe orthogonal au sens de lecture. Cette propriété logique correspondra à une propriété physique selon le mode d'écriture, la directionnalité et l'orientation du texte. Autrement dit, elle correspond à `border-top-style`, `border-right-style`, `border-bottom-style` ou à `border-left-style` selon les valeurs de `writing-mode`, `direction` et `text-orientation`.

Exemple interactif
------------------

Les autres propriétés logiques permettant de définir le style de la bordure sont les suivantes :

* `border-inline-start-style`
* `border-inline-end-style`
* `border-block-start-style`.
Syntaxe
-------


```css
border-block-end-style: dashed;
border-block-end-style: dotted;
border-block-end-style: groove;
```

### Valeurs

`<'border-style'>`

Le style de la ligne pour la bordure, voir `border-style`.

Définition formelle
-------------------

|  |  |
| --- | --- |
| Valeur initiale | `none` |
| Applicabilité | tous les éléments |
| Héritée | non |
| Valeur calculée | comme spécifié |
| Type d'animation | discrète |

Syntaxe formelle
----------------
```

border-block-end-style =   
  <line-style>    
  
<line-style> =   
  none    |  
  hidden  |  
  dotted  |  
  dashed  |  
  solid   |  
  double  |  
  groove  |  
  ridge   |  
  inset   |  
  outset    
  
```

Exemples
--------

### CSS


```css
div {
  background-color: yellow;
  width: 120px;
  height: 120px;
}

.exemple {
  writing-mode: vertical-lr;
  border: 5px solid blue;
  border-block-end-style: dashed;
}
```

### HTML


```html
<div>
  <p class="exemple">Texte d'exemple</p>
</div>
```

### Résultat

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

| Specification |
| --- |
| CSS Logical Properties and Values Level 1 # border-style |

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

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

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

* Les propriétés physiques correspondantes :
    + `border-top-style`,
    + `border-right-style`,
    + `border-bottom-style`,
    + `border-left-style`
* `writing-mode`, `direction`, `text-orientation`
text-emphasis-style
===================

La propriété **`text-emphasis-style`** définit le type d'emphase utilisée. Celui-ci peut également être (re)défini via la propriété raccourcie `text-emphasis`.


```css
/\* Valeur initiale \*/
/\* Aucune marque d'emphase \*/
text-emphasis-style: none;

/\* Valeur distincte \*/
text-emphasis-style: "x";
text-emphasis-style: "点";
text-emphasis-style: "\25B2";
text-emphasis-style: "\*";

/\* Valeurs avec un mot-clé \*/
text-emphasis-style: filled;
text-emphasis-style: open;
text-emphasis-style: filled sesame;
text-emphasis-style: open sesame;

/\* Valeurs globales \*/
text-emphasis-style: inherit;
text-emphasis-style: initial;
text-emphasis-style: unset;
```

Syntaxe
-------

### Valeurs

`none`

Aucune marque d'emphase.

`filled`

La forme est remplie avec une couleur unie. Si `filled` ou `open` est absent, ce sera la valeur par défaut.

`open`

La forme est vide.

`dot`

Cette valeur permet d'afficher des marques en forme de points. Le point rempli est le caractère `'•'` (`U+2022`) et le point vide est le caractère `'◦'` (`U+25E6`).

`circle`

Cette valeur permet d'afficher des marques en forme de cercles (plus grands que les points). Le cercle rempli est le caractère `'●'` (`U+25CF`) et celui pour le cercle ouvert est `'○'` (`U+25CB`).

`double-circle`

Cette valeur permet d'afficher des marques en forme de doubles cercles. Le double-cercle rempli est le caractère `'◉'` (`U+25C9`), et le double-cercle ouvert est le caractère `'◎'` (`U+25CE`).

`triangle`

Cette valeur permet d'afficher des marques en forme de triangles. Le triangle rempli correspond au caractère `'▲'` (`U+25B2`) et le triangle ouvert au caractère `'△'` (`U+25B3`).

`sesame`

Cette valeur permet d'afficher des marques en forme de points sésame :`'﹅'` (`U+FE45`) pour le caractère rempli et `'﹆'` (`U+FE46`) pour le caractère ouvert.

`<string>`

Utilise la chaîne fournie comme marque. Attention, l'agent utilisateur peut tronquer la chaîne ou choisir d'ignorer les chaînes qui ont plus d'un graphème. Il est donc conseillé de n'utiliser qu'une seule lettre.

Définition formelle
-------------------

|  |  |
| --- | --- |
| Valeur initiale | `none` |
| Applicabilité | tous les éléments |
| Héritée | oui |
| Valeur calculée | comme spécifié |
| Type d'animation | discrète |

Syntaxe formelle
----------------
```

text-emphasis-style =   
  none                                                |  
  [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ]  |  
  <string>                                              
  
```

Exemples
--------

### HTML


```html
<p><em>Coucou</em>, je suis <em>là</em></p>
```

### CSS


```css
em {
  text-emphasis-style: sesame;
}
```

### Résultat

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

| Specification |
| --- |
| CSS Text Decoration Module Level 3 # text-emphasis-style-property |

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

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

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

* `text-emphasis-color`
* `text-emphasis`.
* `text-emphasis-position`
border-left-style
=================

La propriété **`border-left-style`** définit le style de ligne utilisé pour mettre en forme la bordure sur le côté gauche d'une boîte.

Exemple interactif
------------------

**Note :** La spécification ne définit pas la façon dont les bordures de différents styles se rejoignent dans les coins.

Syntaxe
-------


```css
/\* Valeurs avec un mot-clé \*/
border-left-style: none;
border-left-style: hidden;
border-left-style: dotted;
border-left-style: dashed;
border-left-style: solid;
border-left-style: double;
border-left-style: groove;
border-left-style: ridge;
border-left-style: inset;
border-left-style: outset;

/\* Valeurs globales \*/
border-left-style: inherit;
border-left-style: initial;
border-left-style: revert;
border-left-style: unset;
```


La propriété `border-left-style` se définit avec l'un des mots-clés utilisés par la propriété `border-style`.

Définition formelle
-------------------

|  |  |
| --- | --- |
| Valeur initiale | `none` |
| Applicabilité | tous les éléments. S'applique aussi à `::first-letter`. |
| Héritée | non |
| Valeur calculée | comme spécifié |
| Type d'animation | discrète |

Syntaxe formelle
----------------
```

border-left-style =   
  <line-style>    
  
<line-style> =   
  none    |  
  hidden  |  
  dotted  |  
  dashed  |  
  solid   |  
  double  |  
  groove  |  
  ridge   |  
  inset   |  
  outset    
  
```

Exemples
--------

### HTML


```html
<table>
  <tr>
    <td class="b1">none</td>
    <td class="b2">hidden</td>
    <td class="b3">petits points</td>
    <td class="b4">tirets</td>
  </tr>
  <tr>
    <td class="b5">solid</td>
    <td class="b6">double</td>
    <td class="b7">groove</td>
    <td class="b8">ridge</td>
  </tr>
  <tr>
    <td class="b9">inset</td>
    <td class="b10">outset</td>
  </tr>
</table>
```

### CSS


```css
/\* On applique un style sur le tableau \*/
table {
  border-width: 2px;
  background-color: #52e385;
}
tr,
td {
  padding: 3px;
}

/\* Des exemples pour border-left-style \*/
.b1 {
  border-left-style: none;
}
.b2 {
  border-left-style: hidden;
}
.b3 {
  border-left-style: dotted;
}
.b4 {
  border-left-style: dashed;
}
.b5 {
  border-left-style: solid;
}
.b6 {
  border-left-style: double;
}
.b7 {
  border-left-style: groove;
}
.b8 {
  border-left-style: ridge;
}
.b9 {
  border-left-style: inset;
}
.b10 {
  border-left-style: outset;
}
```

### Résultat

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

| Specification |
| --- |
| CSS Backgrounds and Borders Module Level 3 # the-border-style |

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

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

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

* Les autres propriétés liées au style des bordures : `border-right-style`, `border-top-style`, `border-bottom-style`, `border-style`.
* Les autres propriétés liées à la bordure gauche : `border-left`, `border-left-color`, `border-left-width`.
border-bottom-style
===================

La propriété **`border-bottom-style`** définit le style de ligne utilisé pour mettre en forme la bordure en bas d'une boîte.

Exemple interactif
------------------

**Note :** La spécification ne définit pas la façon dont les bordures de différents styles se rejoignent dans les coins.

Syntaxe
-------


```css
/\* Valeurs avec un mot-clé \*/
border-bottom-style: none;
border-bottom-style: hidden;
border-bottom-style: dotted;
border-bottom-style: dashed;
border-bottom-style: solid;
border-bottom-style: double;
border-bottom-style: groove;
border-bottom-style: ridge;
border-bottom-style: inset;
border-bottom-style: outset;

/\* Valeurs globales \*/
border-bottom-style: inherit;
border-bottom-style: initial;
border-bottom-style: revert;
border-bottom-style: unset;
```


La propriété `border-bottom-style` se définit avec l'un des mots-clés utilisés par la propriété `border-style`.

Définition formelle
-------------------

|  |  |
| --- | --- |
| Valeur initiale | `none` |
| Applicabilité | tous les éléments. S'applique aussi à `::first-letter`. |
| Héritée | non |
| Valeur calculée | comme spécifié |
| Type d'animation | discrète |

Syntaxe formelle
----------------
```

border-bottom-style =   
  <line-style>    
  
<line-style> =   
  none    |  
  hidden  |  
  dotted  |  
  dashed  |  
  solid   |  
  double  |  
  groove  |  
  ridge   |  
  inset   |  
  outset    
  
```

Exemples
--------

### HTML


```html
<table>
  <tr>
    <td class="b1">none</td>
    <td class="b2">hidden</td>
    <td class="b3">petits points</td>
    <td class="b4">tirets</td>
  </tr>
  <tr>
    <td class="b5">solid</td>
    <td class="b6">double</td>
    <td class="b7">groove</td>
    <td class="b8">ridge</td>
  </tr>
  <tr>
    <td class="b9">inset</td>
    <td class="b10">outset</td>
  </tr>
</table>
```

### CSS


```css
/\* On applique un style sur le tableau \*/
table {
  border-width: 2px;
  background-color: #52e385;
}
tr,
td {
  padding: 3px;
}

/\* Des exemples pour border-bottom-style \*/
.b1 {
  border-bottom-style: none;
}
.b2 {
  border-bottom-style: hidden;
}
.b3 {
  border-bottom-style: dotted;
}
.b4 {
  border-bottom-style: dashed;
}
.b5 {
  border-bottom-style: solid;
}
.b6 {
  border-bottom-style: double;
}
.b7 {
  border-bottom-style: groove;
}
.b8 {
  border-bottom-style: ridge;
}
.b9 {
  border-bottom-style: inset;
}
.b10 {
  border-bottom-style: outset;
}
```

### Résultat

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

| Specification |
| --- |
| CSS Backgrounds and Borders Module Level 3 # border-style |

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

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

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

* Les autres propriétés liées au style des bordures :
    + `border-left-style`
    + `border-right-style`
    + `border-top-style`
    + `border-style`.
* Les autres propriétés liées à la bordure basse :
    + `border-bottom`
    + `border-bottom-color`
    + `border-bottom-width`.
scroll-padding-inline-end
=========================

La propriété **`scroll-padding-inline-end`** est une propriété qui permet de définir le remplissage, à la fin de l'axe en ligne, entre l'élément et la zone de défilement.

Les propriétés pour le remplissage de la zone de défilement permettent de définir des décalages par rapport à la zone de défilement de l'élément (*scrollport*). On peut ainsi éviter à un élément d'être affiché là où d'autres barres sont présentes ou encore donner plus d'espace entre un élément et les barres de défilement pour y naviguer.

Exemple interactif
------------------

Syntaxe
-------


```css
/\* Valeurs avec un mot-clé \*/
scroll-padding-inline-end: auto;

/\* Valeurs de longueur \*/
/\* Type <length> \*/
scroll-padding-inline-end: 10px;
scroll-padding-inline-end: 1em;
scroll-padding-inline-end: 10%;

/\* Valeurs globales \*/
scroll-padding-inline-end: inherit;
scroll-padding-inline-end: initial;
scroll-padding-inline-end: unset;
```

### Valeurs

`<length-percentage>`

Un décalage intérieur entre la boîte de défilement et le bord correspondant de l'élément. C'est une longueur ou un pourcentage valide.

`auto`

Le décalage est déterminé par l'agent utilisateur. Cette valeur correspond généralement à `0px` mais le navigateur peut utiliser une heuristique et déterminer si une valeur non nulle est préférable au regard du contexte dans lequel se trouve l'élément.

Définition formelle
-------------------

|  |  |
| --- | --- |
| Valeur initiale | `auto` |
| Applicabilité | conteneurs d'ascenseurs |
| Héritée | non |
| Pourcentages | relative to the scroll container's scrollport |
| Valeur calculée | comme spécifié |
| Type d'animation | by computed value type |

Syntaxe formelle
----------------
```

scroll-padding-inline-end =   
  auto                       |  
  <length-percentage [0,∞]>    
  
<length-percentage> =   
  <length>      |  
  <percentage>    
  
```

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

| Specification |
| --- |
| CSS Scroll Snap Module Level 1 # padding-longhands-logical |

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

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
overscroll-behavior-x
=====================

La propriété CSS **`overscroll-behavior-x`** définit le comportement de l'agent utilisateur lorsqu'on atteint la limite de la zone de défilement sur l'axe horizontal.

**Note :** Voir `overscroll-behavior` pour plus de détails.

Syntaxe
-------


```css
/\* Valeurs avec un mot-clé \*/
overscroll-behavior-x: auto;
overscroll-behavior-x: contain;
overscroll-behavior-x: none;

/\* Valeurs globales \*/
overscroll-behavior-x: inherit;
overscroll-behavior-x: initial;
overscroll-behavior-x: unset;
```


La propriété `overscroll-behavior-x` est définie avec un des mots-clés définis ci-après.

### Valeurs

`auto`

Le dépassement de la zone de défilement se déroule normalement.

`contain`

Le comportement normal est utilisé à l'intérieur de l'élément pour lequel s'applique cette valeur (on a donc un effet de rebondissement) mais aucun effet associé n'a lieu sur les zones de défilement environnantes. Autrement dit, les éléments sous-jacents ne défilent pas.

`none`

Il n'y a pas d'effet associé sur les zones de défilement environnantes et on empêche le comportement normal de se produire sur l'élément lorsqu'on dépasse de la zone de défilement.

Définition formelle
-------------------

|  |  |
| --- | --- |
| Valeur initiale | `auto` |
| Applicabilité | les éléments de bloc non remplacés et les éléments en bloc en ligne et en bloc (inline-block) |
| Héritée | non |
| Valeur calculée | comme spécifié |
| Type d'animation | discrète |

Syntaxe formelle
----------------
```

overscroll-behavior-x =   
  contain  |  
  none     |  
  auto       
  
```

Exemples
--------

Dans l'exemple `overscroll-behavior-x` (cf. le code source associé), on dispose de deux boîtes de bloc, l'une contenue à l'intérieure de l'autre. La boîte englobante possède une grande largeur avec `width` afin que la page puisse défiler horizontalement. La boîte intérieure a une petite largeur (et une petite hauteur, définie avec `height`) afin de pouvoir être facilement contenue dans la zone d'affichage mais son contenu possède une grande largeur afin de défiler horizontalement.

Par défaut, lorsqu'on fait défiler la boîte intérieure et qu'on atteint une limite de défilement, c'est toute la page qui commence à défiler. Si ce n'est pas le comportement souhaité, on peut empêcher ça en utilisant `overscroll-behavior-x: contain` sur la boîte intérieure :


```css
main > div {
  height: 300px;
  width: 500px;
  overflow: auto;
  position: relative;
  top: 100px;
  left: 100px;
  overscroll-behavior-x: contain;
}
```

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

| Specification |
| --- |
| CSS Overscroll Behavior Module Level 1 # overscroll-behavior-longhands-physical |

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

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

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

* Take control of your scroll: customizing pull-to-refresh and overflow effects (en anglais)
::-webkit-meter-bar
===================

**Non standard:** Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

Le pseudo-élément **`::-webkit-meter-bar`** est un pseudo-élément spécifique à WebKit et permet de mettre en forme l'arrière-plan d'un élément `<meter>`.

Exemples
--------

### CSS


```css
meter {
  /\* On réinitialise l'apparence par défaut \*/
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

meter::-webkit-meter-bar {
  background: #eee;
  box-shadow: 0 2px 3px rgba (0, 0, 0, 0.2) inset;
  border-radius: 3px;
}
```

### HTML


```html
<meter min="0" max="10" value="6">Score sur 10</meter>
```

### Résultat

**Note :** Cela fonctionnera uniquement pour les navigateurs Webkit/Blink.

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

Ce pseudo-élément est un pseudo-élément propriétaire lié à WebKit/Blink et ne fait partie d'aucune spécification.

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

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

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

* Les pseudo-éléments utilisés par WebKit/Blink pour mettre en forme les autres parties d'un élément `<meter>` :
    + `::-webkit-meter-inner-element`
    + `::-webkit-meter-even-less-good-value`
    + `::-webkit-meter-optimum-value`
    + `::-webkit-meter-suboptimum-value`
* Les extensions CSS WebKit