From 258ba7b4be62d8640477a3bd3146d08b00cb70ec Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:59:20 +0200 Subject: convert content to md --- files/fr/web/css/@media/pointer/index.md | 81 +++++++++++++------------------- 1 file changed, 33 insertions(+), 48 deletions(-) (limited to 'files/fr/web/css/@media/pointer') diff --git a/files/fr/web/css/@media/pointer/index.md b/files/fr/web/css/@media/pointer/index.md index 6fecdf4b85..9af141f6f0 100644 --- a/files/fr/web/css/@media/pointer/index.md +++ b/files/fr/web/css/@media/pointer/index.md @@ -7,39 +7,38 @@ tags: - Reference translation_of: Web/CSS/@media/pointer --- -
{{CSSRef}}
+{{CSSRef}} -

pointer est une caractéristique média CSS (cf. {{cssxref("@media")}}) qui permet de vérifier si le dispositif de saisie/d'entrée principal est un dispositif de pointage et, le cas échéant, de connaître sa précision.

+**`pointer`** est une caractéristique média CSS (cf. {{cssxref("@media")}}) qui permet de vérifier si le dispositif de saisie/d'entrée principal est un dispositif de pointage et, le cas échéant, de connaître sa précision. -
-

Note : Si on souhaite tester la précision de n'importe quel dispositif de pointage, on utilisera plutôt la caractéristique any-pointer.

-
+> **Note :** Si on souhaite tester la précision de n'importe quel dispositif de pointage, on utilisera plutôt la caractéristique [`any-pointer`](/fr/docs/Web/CSS/@media/any-pointer). -

Syntaxe

+## Syntaxe -

Cette caractéristique est définie avec un mot-clé parmi les suivants :

+Cette caractéristique est définie avec un mot-clé parmi les suivants : -
-
none
-
Le mécanisme de saisie principal n'inclut pas de dispositif de pointage.
-
coarse
-
Le mécanisme de saisie principal inclut un dispositif de pointage dont la précision est limitée.
-
fine
-
Le mécanisme de saisie principal inclut un dispositif de pointage précis.
-
+- `none` + - : Le mécanisme de saisie principal n'inclut pas de dispositif de pointage. +- `coarse` + - : Le mécanisme de saisie principal inclut un dispositif de pointage dont la précision est limitée. +- `fine` + - : Le mécanisme de saisie principal inclut un dispositif de pointage précis. -

Exemples

+## Exemples -

Dans cet exemple, on crée une petite case à cocher pour les utilisateurs qui disposent d'un pointage précis et une case à cocher plus grande lorsque le mécanisme de pointage est moins précis.

+Dans cet exemple, on crée une petite case à cocher pour les utilisateurs qui disposent d'un pointage précis et une case à cocher plus grande lorsque le mécanisme de pointage est moins précis. -

HTML

+### HTML -
<input id="test" type="checkbox" />
-<label for="test">Coucou !</label>
+```html + + +``` -

CSS

+### CSS -
input[type="checkbox"]:checked {
+```css
+input[type="checkbox"]:checked {
   background: gray;
 }
 
@@ -63,37 +62,23 @@ translation_of: Web/CSS/@media/pointer
     height: 30px;
     border: 2px solid red;
   }
-}
+} +``` -

Résultat

+### Résultat -

{{EmbedLiveSample("Exemples")}}

+{{EmbedLiveSample("Exemples")}} -

Spécifications

+## Spécifications - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('CSS4 Media Queries', '#pointer', 'pointer')}}{{Spec2('CSS4 Media Queries')}}Ajout dans la spécification de niveau 4 pour les requêtes média.
+| Spécification | État | Commentaires | +| ---------------------------------------------------------------------------- | ---------------------------------------- | ---------------------------------------------------------------- | +| {{SpecName('CSS4 Media Queries', '#pointer', 'pointer')}} | {{Spec2('CSS4 Media Queries')}} | Ajout dans la spécification de niveau 4 pour les requêtes média. | -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

{{Compat("css.at-rules.media.pointer")}}

+{{Compat("css.at-rules.media.pointer")}} -

Voir aussi

+## Voir aussi - +- [La caractéristique média `any-pointer`](/fr/docs/Web/CSS/@media/any-pointer) -- cgit v1.2.3-54-g00ecf