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: 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-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
Spécifications
| Specification |
|---|
| CSS Masking Module Level 1 # the-mask-border-repeat |
Compatibilité des navigateurs
BCD tables only load in the browser