-webkit-mask-attachment

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.

Si la propriété -webkit-mask-image est définie, -webkit-mask-attachment permet de déterminer si la position de l'image est fixe par rapport à la zone d'affichage ou si elle défile avec le bloc qui l'englobe.

Valeur initiale	`scroll`
Applicabilité	tous les éléments
Héritée	non
Média	visuel
Valeur calculée	comme spécifié
Animable	non
Ordre canonique	l'ordre d'apparition dans la grammaire formelle des valeurs

Syntaxe

/* Valeurs avec un mot-clé */
-webkit-mask-attachment: scroll;
-webkit-mask-attachment: fixed;
-webkit-mask-attachment: local;

/* Valeurs multiples */
-webkit-mask-attachment: scroll, local;
-webkit-mask-attachment: fixed, local, scroll;

/* Valeurs globales */
-webkit-mask-attachment: inherit;
-webkit-mask-attachment: initial;
-webkit-mask-attachment: unset;

Valeurs

scroll: Si le mot-clé scroll est utilisé, l'image de masque défilera avec le bloc qui l'englobe.
fixed: Si le mot-clé fixed est utilisé, l'image de masque ne défilera pas. Sa position sera fixe pour la zone d'affichag (viewport).

Syntaxe formelle

<attachment> [ , <attachment> ]*où 
<attachment> = scroll | fixed | local

Exemples

body {
  -webkit-mask-image: url('/images/mask.png');
  -webkit-mask-attachment: fixed;
}

Spécifications

Cette propriété est une propriété propriétaire liée à WebKit/Blink et ne fait partie d'aucune spécification.

Fonctionnalité	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Support simple	(Oui) Pas de support 24.0	Pas de support	Pas de support	Pas de support	4.0

Fonctionnalité	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Support simple	2.1	Pas de support	Pas de support	Pas de support	3.2