scroll-snap-align CSS propriété

Définition de la CSS scroll-snap-align.

La propriété CSS scroll-snap-align permet de spécifier la position d'accrochage d'une boîte (snap positions) au sein son conteneur (la boîte de défilement de l'élément).

Exemple de syntaxe CSS scroll-snap-align :

scroll-snap-align: none;
scroll-snap-align: start end;
scroll-snap-align : center;

La propriété de feuille de style scroll-snap-align CSS peut pendre une/deux valeurs :

none : aucune position d'accroche sur l'axe. Valeur par défaut.
start : la position d'accrochage commence au début de la zone de cette boîte et dans l'axe spécifié.
center : la position d'accrochage commence au centre de la zone de cette boîte et dans l'axe spécifié.
end : la position d'accrochage commence à la fin de la zone de cette boîte et dans l'axe spécifié.

Exemple de code scroll-snap-align CSS

Conditions d'application de la CSS scroll-snap-align.

La propriété de feuille de style scroll-snap-align CSS est applicable sur l'ensemble des balises HTML ou XHTML si elles sont les filles directe d'un boîte de défilement d'éléments.

Héritage des valeurs Css de scroll-snap-align.

Les balises filles HTML ou XHTML n'héritent pas de la propriété Css scroll-snap-align.

Problème d'interprétation de scroll-snap-align en Css.

La propriété CSS scroll-snap-align peut poser des problèmes d'interprétation.

Conditions d'animation de scroll-snap-align en CSS3.

La CSS scroll-snap-align est une propriété de feuille de style qui peut être utilisée pour les animations CSS et transitions CSS.

Règles de syntaxes CSS pour scroll-snap-align.

Règle d'écriture de la Css scroll-snap-align

Si deux valeurs sont spécifiées pour la propriété CSS scroll-snap-align, alors ces valeurs s'appliquent respectivement à l'axe de bloc et à l'axe en ligne.
Si une seule valeur est spécifiée, alors c'est comme si on mettait deux fois la même valeur.

Compatibilités navigateurs de la propriété scroll-snap-align

Détails des versions de la CSS scroll-snap-align: Propriété scroll-snap-align est compatible avec CSS4 et plus.

Résumé du support navigateurs de la CSS scroll-snap-align: Propriété CSS scroll-snap-align est compatible à partir de Chrome 68; Propriété CSS scroll-snap-align est compatible à partir de Firefox 68; Propriété CSS scroll-snap-align est compatible à partir de Internet Explorer ou Edge 79; Propriété CSS scroll-snap-align est compatible à partir de Opera 56; Propriété CSS scroll-snap-align est compatible à partir de Safari11+ mais bugée; Propriété CSS scroll-snap-align est compatible à partir de Chrome Android 69; Propriété CSS scroll-snap-align est compatible à partir de Firefox Android 68; Propriété CSS scroll-snap-align est compatible à partir de iOS Safari 11

Equivalence de la CSS scroll-snap-align en HTML.

La propriété CSS scroll-snap-align n'a pas d'équivalence en HTML ou XHTML.

Votre avis sur la définition scroll-snap-align en CSS

Votez pour la définition CSS `scroll-snap-align`

Votes: 5 / 5 - 1 vote
Cliquez sur une étoile pour voter.