---
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>