---
title: '-ms-scroll-translation'
slug: Web/CSS/-ms-scroll-translation
tags:
  - CSS
  - Non-standard
  - Reference
translation_of: Archive/Web/CSS/-ms-scroll-translation
---
<div>{{CSSRef}}{{non-standard_header}}</div>

<p>La propriété CSS <strong><code>-ms-scroll-translation</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui indique si une translation verticale / horizontale est appliquée lors du défilement sur l'élément ciblé.</p>

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

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

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

<dl>
 <dt><code>vertical-to-horizontal</code></dt>
 <dd>
 <p>Une translation verticale/horizontale est appliquée lorsque c'est pertinent.</p>
 </dd>
 <dt><code>none</code></dt>
 <dd>
 <p>Aucune translation n'est appliquée. C'est la valeur initiale pour l'élément {{HTMLElement("html")}}.</p>
 </dd>
 <dt><code>inherit</code></dt>
 <dd>
 <p>La valeur initiale : la valeur de la propriété est héritée via la valeur de l'élément parent.</p>
 </dd>
</dl>

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

<pre class="syntaxbox">{{csssyntax}}
</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="Remarks" name="Remarks"><a name="Remarks">Notes</a></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>Si le code JavaScript de la page écoute les évènements DOM liés au défilement, les évènements relatifs au défilement vertical et au défilement horizontal sont distincts et correspondent à l'axe selon lequel l'utilisateur a défilé. La propriété <code>-ms-scroll-translation</code>, avec la valeur <code>vertical-to-horizontal</code>, permet de transformer les évènements de défilement vertical en évènements de défilement horizontal.</p>

<p>Cette propriété n'a pas d'impact lorsqu'on navigue avec le clavier.</p>

<p>Les modèles CSS par défaut pour les applications Windows qui utilisent JavaScript, "ui-light.css" et "ui-dark.css" utilisent la valeur <code>vertical-to-horizontal</code> sur l'élément {{HTMLElement("html")}}.</p>