Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

mask-border-mode

Expérimental: Il s'agit d'une technologie expérimentale.
Vérifiez attentivement le tableau de compatibilité des navigateurs avant de l'utiliser en production.

La propriété CSS mask-border-mode indique le mode de fusion utilisé pour le masque de bordure.

Syntaxe

css
/* Valeurs avec un mot-clé */
mask-border-mode: luminance;
mask-border-mode: alpha;

/* Valeurs globales */
mask-border-mode: inherit;
mask-border-mode: initial;
mask-border-mode: unset;

Valeurs

luminance

Les valeurs de luminance proventant de l'image de masque sont utilisées pour le masque.

alpha

Les valeurs du canal alpha proventant de l'image de masque sont utilisées pour le masque.

Définition formelle

Valeur initialealpha
Applicabilitétous les éléments ; en SVG, cela s'applique aux éléments conteneurs à l'exception des éléments <defs> et des éléments graphiques
Héritéenon
Valeur calculéecomme spécifié
Type d'animationdiscrète

Syntaxe formelle

mask-border-mode = 
luminance |
alpha

Spécifications

Specification
CSS Masking Module Level 1
# the-mask-border-mode

Compatibilité des navigateurs