---
title: '-ms-content-zoom-snap-points'
slug: Web/CSS/-ms-content-zoom-snap-points
tags:
  - CSS
  - Non-standard
  - Propriété
  - Reference
translation_of: Archive/Web/CSS/-ms-content-zoom-snap-points
---
<div>{{CSSRef}}{{Non-standard_header}}</div>

<p>La propriété CSS <code><strong>-ms-content-zoom-snap-points</strong></code> est une <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">propriété spécifique à Microsoft</a> qui indique l'emplacement des points d'accroches pour les niveaux de zoom.</p>

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

<p>La propriété <strong><code>-ms-content-zoom-snap-points</code></strong> est définie avec l'une des valeurs suivantes.</p>

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

<dl>
 <dt><code>snapInterval(&lt;start zoomfactors&gt;, &lt;step zoomfactors&gt;)</code></dt>
 <dd>
 <p>Cette forme indique l'emplacement des points d'accroche pour le zoom :</p>

 <ul>
  <li><em>&lt;start zoomfactor&gt;</em> indique l'emplacement du premier point d'accroche. Cette valeur est exprimée comme un nombre suivi d'un signe pourcent (%).</li>
  <li><em>&lt;step zoomfactor&gt;</em> indique la distance entre les différents points d'accroche (en zoom et en dézoom) à partir du point d'accroche initial. Cette valeur est exprimée comme un nombre suivi d'un signe pourcent (%).</li>
 </ul>
 </dd>
 <dt><code>snapList(&lt;list zoomfactors&gt;)</code></dt>
 <dd>
 <p>Cette forme indique la position des points d'accroche sous la forme d'une liste de points d'accroche indidivuels, séparés par des virgules. Chaque point d'accroche est exprimé comme un nombre suivi d'un caractère pourcent (%).</p>

 <ul>
  <li>Si l'une des valeurs de <em>&lt;list zoomfactors&gt;</em> est inférieure à la valeur indiquée par la propriété {{CSSXref("-ms-content-zoom-limit-min")}}, ce sera la valeur de cette dernière qui sera utilisée.</li>
  <li>Si l'une des valeurs de <em>&lt;list zoomfactors&gt;</em> est supérieure à la valeur définie par la propriété {{CSSXref("-ms-content-zoom-limit-max")}}, ce sera la valeur de cette dernière qui sera utilisée.</li>
 </ul>
 </dd>
</dl>

<h3 id="Syntaxe_formelle">Syntaxe formelle</h3>

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

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

<p>Cet exemple illustre les deux formes possibles pour une règle utilisant la propriété <code>-ms-content-zoom-snap-points</code>. Dans le premier sélecteur, le premier point d'accorche est situé à 0% puis l'intervalle à 100%. Dans le second sélecteur, chaque point d'accroche est explicitement listé : le premier à 100%, le deuxième à 200%, le troisième à 300%, etc.</p>

<pre class="brush:css no-line-numbers  language-css">.snappy1 {
  -ms-content-zoom-snap-points: snapInterval(0%, 100%);
  ...
}

.snappy2 {
  -ms-content-zoom-snap-points: snapList(100%, 200%, 300%, 400%, 500%);
  ...
 }</pre>

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

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

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

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

<p>Cette propriété n'a pas d'impact pour les éléments qui ne peuvent pas être zoomés. Voir {CSSXref("-ms-content-zooming")} pour plus de détails sur les éléments pouvant être zoomés.</p>

<p>Lorsqu'un utilisateur fait défiler du contenu ou le déplace puis retire le pointeur (doigt ou stylet), le contenu peut continuer à bouger avec une certaine inertie. Les points d'accroche permettent de modifier ce comportement en arrêtant cette inertie à certains niveaux. Utiliser des points d'accroches permet ainsi d'éviter que le contenu se déplace ou se zoome/dézoome à des niveaux qui ne seraient pas pertinents.</p>

<p>À partir de Windows 8.1, cette propriété est également prise en charge pour les interactions avec le pavé tactile.</p>

<p>Windows 8 ou une version ultérieure est nécessaire afin d'utiliser cette propriété.</p>