mask-border-repeat
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
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-repeat indique la façon dont les régions du bord du masque sont ajustées pour correspondre aux dimensions de la bordure de l'élément.
Syntaxe
/* Valeurs avec un mot-clé */
mask-border-repeat: stretch;
mask-border-repeat: repeat;
mask-border-repeat: round;
mask-border-repeat: space;
/* vertical | horizontal */
mask-border-repeat: round stretch;
/* Valeurs globales */
mask-border-repeat: inherit;
mask-border-repeat: initial;
mask-border-repeat: unset;
La propriété mask-border-repeat peut être utilisée avec une ou deux valeurs parmi celles de la liste ci-après.
- Lorsqu'une seule valeur est fournie, le même comportement est utilisé pour les quatre côtés.
- Lorsque deux valeurs sont indiquées, la première valeur s'applique aux côtés haut et bas et la deuxième aux côtés gauche et droit.
Values
stretch-
Les bords de l'image source sont étirés afin de remplir l'espace entre chaque bordure.
repeat-
Les bords de l'image source sont répétés afin de remplir l'espace entre chaque bordure. Les fragments répétés peuvent être rognés afin que le remplissage soit exact.
round-
Les bords de l'image source sont répétés afin de remplir l'espace entre chaque bordure. Les fragments peuvent être étirés afin que le remplissage soit exact.
space-
Les bords de l'image source sont répétés afin de remplir l'espace entre chaque bordure. L'espace supplémentaire est réparti entre les fragments répétés pour que le remplissage soit exact.
Définition formelle
| Valeur initiale | stretch |
|---|---|
| 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ée | non |
| Valeur calculée | comme spécifié |
| Type d'animation | discrète |
Syntaxe formelle
mask-border-repeat =
[ stretch | repeat | round | space ]{1,2}
Spécifications
| Specification |
|---|
| CSS Masking Module Level 1 # the-mask-border-repeat |
Compatibilité des navigateurs
Loading…