aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/css/_doublecolon_-moz-range-thumb
diff options
context:
space:
mode:
authorSphinxKnight <SphinxKnight@users.noreply.github.com>2022-03-15 07:00:50 +0100
committerGitHub <noreply@github.com>2022-03-15 07:00:50 +0100
commitdf8056fc0652ecafffac996081b73435acfab849 (patch)
treeba22b4208fcbe6ca7765a1970d9b377d64b2af08 /files/fr/web/css/_doublecolon_-moz-range-thumb
parent464e20b22c72324bdaebc232aebefbaca9184a19 (diff)
downloadtranslated-content-df8056fc0652ecafffac996081b73435acfab849.tar.gz
translated-content-df8056fc0652ecafffac996081b73435acfab849.tar.bz2
translated-content-df8056fc0652ecafffac996081b73435acfab849.zip
Remove mozillademo links from CSS (#3642)
* Work - part 1 / N * background-attachment * background-blend-mode * background-image * background-origin * Background position * background-repeat * background-size * border-image * border-image-outset * border-image-repeat * border-image-slice * border-image-width * clip-path * content * cross-fade() * border-radius-generator * multiple bckgrnd * vertical-align * url * text-combine-upright * position_value * image-rendering * using css gradients * font-stretch * font-stretch - add bcd key * font-variant-numeric * font-weight * image-orientation * list-style-image * mask-border * mask-clip * mask-composite * mask-image * mask-mode * mask-origin * mask-position * mask-size * object-fit * object-position * position * Various fixes and improvements * Remove unecessary files * Remove unecessary files (part 2) * Missed level 1 fixes Co-authored-by: cw118 <carolyn94118@gmail.com>
Diffstat (limited to 'files/fr/web/css/_doublecolon_-moz-range-thumb')
-rw-r--r--files/fr/web/css/_doublecolon_-moz-range-thumb/index.md46
1 files changed, 21 insertions, 25 deletions
diff --git a/files/fr/web/css/_doublecolon_-moz-range-thumb/index.md b/files/fr/web/css/_doublecolon_-moz-range-thumb/index.md
index d1a2f98238..b5dd9b7d45 100644
--- a/files/fr/web/css/_doublecolon_-moz-range-thumb/index.md
+++ b/files/fr/web/css/_doublecolon_-moz-range-thumb/index.md
@@ -1,18 +1,14 @@
---
title: '::-moz-range-thumb'
slug: Web/CSS/::-moz-range-thumb
-tags:
- - CSS
- - Non-standard
- - Pseudo-element
- - Reference
+browser-compat: css.selectors.-moz-range-thumb
translation_of: Web/CSS/::-moz-range-thumb
---
{{CSSRef}}{{Non-standard_header}}
-Le pseudo-élément **`::-moz-range-thumb`** représente le curseur qui se déplace le long de la piste dans un élément {{HTMLElement("input")}} de type `range` et qui permet de modifier la valeur numérique associée.
+Le pseudo-élément **`::-moz-range-thumb`** représente le curseur qui se déplace le long de la piste dans un élément [`<input>`](/fr/docs/Web/HTML/Element/Input) de type `range` et qui permet de modifier la valeur numérique associée.
-> **Note :** Utiliser `::-moz-range-thumb` avec un autre élément que  `<input type="range">` n'aura aucun effet.
+> **Note :** Utiliser `::-moz-range-thumb` avec un autre élément que `<input type="range">` n'aura aucun effet.
## Syntaxe
@@ -20,6 +16,12 @@ Le pseudo-élément **`::-moz-range-thumb`** représente le curseur qui se dépl
## Exemples
+### HTML
+
+```html
+<input type="range" min="0" max="100" step="5" value="50"/>
+```
+
### CSS
```css
@@ -28,19 +30,13 @@ input[type=range]::-moz-range-thumb {
}
```
-### HTML
-
-```html
-<input type="range" min="0" max="100" step="5" value="50"/>
-```
-
### Résultat
-{{EmbedLiveSample("Exemples", 300, 50)}}
+{{EmbedLiveSample("", 300, 50)}}
-Une barre de progression mise en forme avec ces règles devrait ressembler à :
+Une barre de progression mise en forme avec ces règles devrait ressembler à&nbsp;:
-![The thumb of the <input type=right> styled in green](https://mdn.mozillademos.org/files/12027/Screen%20Shot%202015-12-04%20at%2013.30.08.png)
+![Un élément <input type=range> avec un curseur vert](screen_shot_2015-12-04_at_13.30.08.png)
## Spécifications
@@ -48,19 +44,19 @@ Ce pseudo-élément est un pseudo-élément propriétaire lié à Gecko/Mozilla
## Compatibilité des navigateurs
-{{Compat("css.selectors.-moz-range-thumb")}}
+{{Compat}}
## Voir aussi
-- Les pseudo-éléments de Gecko qui permettent de mettre en forme les autres parties des éléments {{HTMLElement("input")}} de type `range` :
+- Les pseudo-éléments de Gecko qui permettent de mettre en forme les autres parties des éléments [`<input>`](/fr/docs/Web/HTML/Element/Input) de type `range`&nbsp;:
- - {{cssxref("::-moz-range-track")}}
- - {{cssxref("::-moz-range-progress")}}
+ - [`::-moz-range-track`](/fr/docs/Web/CSS/::-moz-range-track)
+ - [`::-moz-range-progress`](/fr/docs/Web/CSS/::-moz-range-progress)
-- Les pseudo-éléments utilisés par les autres navigateurs :
+- Les pseudo-éléments utilisés par les autres navigateurs&nbsp;:
- - {{cssxref("::-webkit-slider-thumb")}} pour WebKit/Blink (Safari, Chrome et Opera).
- - {{cssxref("::-ms-thumb")}} pour Internet Explorer/Edge.
+ - [`::-webkit-slider-thumb`](/fr/docs/Web/CSS/::-webkit-slider-thumb) pour WebKit/Blink (Safari, Chrome et Opera).
+ - [`::-ms-thumb`](/fr/docs/Web/CSS/::-ms-thumb) pour Internet Explorer/Edge.
-- [CSS-Tricks : Gérer des champs `input` de type `range` de façon compatible entre les navigateurs (en anglais)](https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/)
-- [QuirksMode : Mettre en forme les pistes et curseurs](https://www.quirksmode.org/blog/archives/2015/11/styling_and_scr.html)
+- [CSS-Tricks&nbsp;: Gérer des champs `input` de type `range` de façon compatible entre les navigateurs (en anglais)](https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/)
+- [QuirksMode&nbsp;: Mettre en forme les pistes et curseurs (en anglais)](https://www.quirksmode.org/blog/archives/2015/11/styling_and_scr.html)