-ms-content-zoom-snap-points

Non standard
Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

La propriété CSS -ms-content-zoom-snap-points est une propriété spécifique à Microsoft qui indique l'emplacement des points d'accroches pour les niveaux de zoom.

Syntaxe

La propriété -ms-content-zoom-snap-points est définie avec l'une des valeurs suivantes.

Valeurs

snapInterval(<start zoomfactors>, <step zoomfactors>)

Cette forme indique l'emplacement des points d'accroche pour le zoom :

  • <start zoomfactor> indique l'emplacement du premier point d'accroche. Cette valeur est exprimée comme un nombre suivi d'un signe pourcent (%).
  • <step zoomfactor> 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 (%).
snapList(<list zoomfactors>)

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 (%).

  • Si l'une des valeurs de <list zoomfactors> est inférieure à la valeur indiquée par la propriété -ms-content-zoom-limit-min, ce sera la valeur de cette dernière qui sera utilisée.
  • Si l'une des valeurs de <list zoomfactors> est supérieure à la valeur définie par la propriété -ms-content-zoom-limit-max, ce sera la valeur de cette dernière qui sera utilisée.

Syntaxe formelle

snapInterval( <percentage>, <percentage> ) | snapList( <percentage># )

Exemples

Cet exemple illustre les deux formes possibles pour une règle utilisant la propriété -ms-content-zoom-snap-points. 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.

.snappy1 {
  -ms-content-zoom-snap-points: snapInterval(0%, 100%);
  ...
}

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

Spécifications

Cette propriété ne fait partie d'aucune spécification.

Valeur initialesnapInterval(0%, 100%)
Applicabilitéles éléments de bloc non remplacés et les éléments en bloc en ligne et en bloc (inline-block)
Héritéenon
Médiainteractif
Valeur calculéecomme spécifié
Type d'animationdiscrète
Ordre canoniquel'ordre unique et non-ambigu défini par la grammaire formelle

Notes

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.

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.

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

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

Étiquettes et contributeurs liés au document

Contributeurs à cette page : SphinxKnight
Dernière mise à jour par : SphinxKnight,