mask-border-outset

Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

La propriété CSS mask-border-outset indique la distance entre le masque de la bordure et la boîte de la bordure.

Syntaxe

/* Valeur de longueur */
/* Type <length> */
mask-border-outset: 1rem;

/* Valeur numérique */
/* Type <number> */
mask-border-outset: 1.5;

/* Décalage vertical | horizontal */
mask-border-outset: 1 1.2;

/* haut | horizontal | bas */
mask-border-outset: 30px 2 45px;

/* haut | droit | bas | gauche */
mask-border-outset: 7px 12px 14px 5px;

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

La propriété mask-border-outset peut être utilisée avec une, deux, trois ou quatre valeurs. Chaque valeur peut être de type <length> ou <number>. Les valeurs négatives ne sont pas autorisées.

  • Si une seule valeur est utilisée, c'est ce décalage qui est utilisé pour chaque côté.
  • Lorsque deux valeurs sont utilisées, la première indique le décalage en haut et en bas et la seconde indique le décalage à gauche et à droite.
  • Lorsque trois valeurs sont utilisées, la première indique le décalage avec le côté haut, la deuxième avec le côté gauche et le côté droit et la troisième le décalage avec le côté bas.
  • Lorsque quatre valeurs sont indiquées, elles s'appliquent respectivement aux côtés haut, droit, bas et gauche (c'est-à-dire dans le sens des aiguilles d'une montre).

Valeurs

<length>
La distance, avec une dimension, pour le décalage du masque.
<number>
Le décalage du masque, exprimé comme un multiple de border-width.

Syntaxe formelle

[ <length> | <number> ]{1,4}

Spécifications

Spécification État Commentaires
CSS Masking Module Level 1
La définition de 'mask-border-outset' dans cette spécification.
Candidat au statut de recommandation Définition initiale.
Valeur initiale0
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
Médiavisuel
Valeur calculéecomme spécifié, mais avec les longueurs relatives converties en longueurs absolues
Type d'animationdiscrète
Ordre canoniqueselon la grammaire

Compatiblité des navigateurs

TBD

Étiquettes et contributeurs liés au document

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