aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/css/-ms-scroll-snap-x/index.html
blob: 6b889bb584b32a43f125ed456d3d903c49c30010 (plain)
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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
---
title: '-ms-scroll-snap-x'
slug: Web/CSS/-ms-scroll-snap-x
tags:
  - CSS
  - Non-standard
  - Propriété raccourcie
  - Reference
translation_of: Archive/Web/CSS/-ms-scroll-snap-x
---
<div>{{CSSRef}}{{non-standard_header}}</div>

<p>La propriété raccourcie <strong><code>-ms-scroll-snap-x</code></strong> est une <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">propriété spécifique à Microsoft</a> qui définit les valeurs des propriétés {{cssxref("-ms-scroll-snap-type")}} and {{cssxref("-ms-scroll-snap-points-x")}}.</p>

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

<h3 id="Values" name="Values">Valeurs</h3>

<p>La propriété raccourcie <code>-ms-scroll-snap-x</code> est définie avec une ou deux des valeurs suivantes, dans cet ordre et séparées par des espaces.</p>

<dl>
 <dt><code>-ms-scroll-snap-type</code></dt>
 <dd>
 <p>La valeur de la propriété {{cssxref("-ms-scroll-snap-type")}}.</p>
 </dd>
 <dt><code>-ms-scroll-snap-points-x</code></dt>
 <dd>
 <p>La valeur de la propriété {{cssxref("-ms-scroll-snap-points-x")}}.</p>
 </dd>
</dl>

<h3 id="Formal_syntax" name="Formal_syntax">Syntaxe formelle</h3>

<pre class="syntaxbox">{{csssyntax}}
</pre>

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

<p>La proprirété <code>-ms-scroll-snap-x</code> est une propriété raccourcie. Les deux sélecteurs du fragment de code suivant auront le même effet.</p>

<pre class="brush: css">.scroll1 {
  -ms-scroll-snap-type: proximity;
  -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
}

.scroll2 {
  -ms-scroll-snap-x: proximity snapList(100%, 200%, 300%, 400%, 500%);
}
</pre>

<h2 id="Spécifications">Spécifications</h2>

<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p>

<p>{{cssinfo}}</p>

<h2 id="Notes">Notes</h2>

<p>Cette propriété est disponible à partir de Windows 8. Elle n'a aucun effet pour les éléments qui ne permettent pas d'utiliser un ascenseur.</p>

<p>À partir de Windows 8.1, cette propriété est également prise en charge pour les interactions à la souris, au clavier ou au pavé tactile.</p>