files/fr/web/css/@media/-moz-touch-enabled/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

---
title: '-moz-touch-enabled'
slug: Web/CSS/@media/-moz-touch-enabled
tags:
  - '@media'
  - CSS
  - Caractéristique média
  - Non-standard
translation_of: Archive/Web/CSS/@media/-moz-touch-enabled
---
<p>{{CSSRef}}{{Non-standard_Header}}{{Gecko_MinVersion_Header("1.9.2")}}</p>

<div class="blockIndicator note">
<p><strong>Note :</strong> Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média ne peut plus être utilisée pour du contenu web, elle est uniquement accessible pour du code pour le chrome/XUL. Voir {{bug(1396066)}} pour plus de détails.</p>
</div>

<h2 id="Syntaxe">Syntaxe</h2>

<dl>
 <dt>{{cssxref("&lt;integer&gt;")}}</dt>
 <dd>Cette caractéristique vaut 1 si l'appareil prend en charge les évènements tactiles et 0 sinon.</dd>
</dl>

<p><br>
 <strong>Média :</strong> {{cssxref("Media/Visual")}}<br>
 <strong>Gestion des préfixes min/max :</strong> Non</p>

<h2 id="Exemples">Exemples</h2>

<p>Cette caractéristique peut être utilisée pour afficher des boutons plus gros si l'utilisateur emploie un appareil tactile.</p>

<pre class="brush: css">button {
  padding: .5em;
}

@media (-moz-touch-enabled) {
  button {
    padding: 1em;
  }
}</pre>

<h2 id="Voir_aussi">Voir aussi</h2>

<ul>
 <li>Cette fonctionnalité correspond à la pseudo-classe {{CSSxRef(":-moz-system-metric/touch-enabled", ":-moz-system-metric(touch-enabled)")}}.</li>
</ul>