From 258ba7b4be62d8640477a3bd3146d08b00cb70ec Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:59:20 +0200 Subject: convert content to md --- files/fr/web/css/mask-border-width/index.md | 82 ++++++++++++----------------- 1 file changed, 33 insertions(+), 49 deletions(-) (limited to 'files/fr/web/css/mask-border-width') diff --git a/files/fr/web/css/mask-border-width/index.md b/files/fr/web/css/mask-border-width/index.md index 9cd78bde87..a6a219a804 100644 --- a/files/fr/web/css/mask-border-width/index.md +++ b/files/fr/web/css/mask-border-width/index.md @@ -8,25 +8,26 @@ tags: - Reference translation_of: Web/CSS/mask-border-width --- -
{{CSSRef}}{{SeeCompatTable}}
+{{CSSRef}}{{SeeCompatTable}} -

La propriété CSS mask-border-width définit la largeur du masque de bordure d'un élément.

+La propriété CSS **`mask-border-width`** définit la largeur [du masque de bordure](/fr/docs/Web/CSS/mask-border) d'un élément. -

Syntaxe

+## Syntaxe -
/* Valeur avec un mot-clé */
+```css
+/* Valeur avec un mot-clé */
 mask-border-width: auto;
 
 /* Valeur de longueur */
-/* Type <length> */
+/* Type  */
 mask-border-width: 1rem;
 
 /* Valeur proportionnelle */
-/* Type <percentage> */
+/* Type  */
 mask-border-width: 25%;
 
 /* Valeur numérique */
-/* Type <number> */
+/* Type  */
 mask-border-width: 3;
 
 /* vertical | horizontal */
@@ -42,53 +43,36 @@ mask-border-width: 5% 2em 10% auto;
 mask-border-width: inherit;
 mask-border-width: initial;
 mask-border-width: unset;
-
+``` -

La propriété mask-border-width peut être définie avec une, deux, trois ou quatre valeurs parmi celles de la liste ci-après.

+La propriété `mask-border-width` peut être définie avec une, deux, trois ou quatre valeurs parmi celles de la liste ci-après. - +- Lorsqu'une seule valeur est indiquée, elle est utilisée comme largeur pour les quatre côtés. +- Lorsque deux valeurs sont fournies, la première indique la largeur pour les côtés bas et haut et la deuxième la largeur pour les côtés gauche et droite. +- Lorsque trois valeurs sont fournies, la première est appliquée au côté haut, la deuxième au côté gauche et droit et la troisième au côté bas. +- Lorsque quatre valeurs sont fournies, elles s'appliquent respectivement aux côtés haut, droit, bas et gauche (c'est-à-dire dans l'ordre des aiguilles d'une montre). -

Valeurs

+### Valeurs -
-
<length-percentage>
-
La largeur du masque de bordure, indiquée avec une valeur de type {{cssxref("<length>")}} ou {{cssxref("<percentage>")}}. Les pourcentages sont relatifs à la largeur de la zone de bordure pour les décalages horizontaux et à la hauteur de la zone de bordure pour les décalages verticaux. Cette valeur ne peut pas être négative.
-
<number>
-
La largeur du masque de bordure comme multiple de la largeur {{cssxref("border-width")}}. Cette valeur ne peut pas être négative.
-
auto
-
La largeur du masque de bordure est égale à la largeur ou à la hauteur intrinsèque de la valeur {{cssxref("mask-border-slice")}} correspondante. Si l'image ne possède pas de dimension intrinsèque, c'est la valeur border-width qui est utilisée à la place.
-
+- `` + - : La largeur du masque de bordure, indiquée avec une valeur de type {{cssxref("<length>")}} ou {{cssxref("<percentage>")}}. Les pourcentages sont relatifs à la largeur de la zone de bordure pour les décalages horizontaux et à la hauteur de la zone de bordure pour les décalages verticaux. Cette valeur ne peut pas être négative. +- `` + - : La largeur du masque de bordure comme multiple de la largeur {{cssxref("border-width")}}. Cette valeur ne peut pas être négative. +- `auto` + - : La largeur du masque de bordure est égale à la largeur ou à la hauteur intrinsèque de la valeur {{cssxref("mask-border-slice")}} correspondante. Si l'image ne possède pas de dimension intrinsèque, c'est la valeur `border-width` qui est utilisée à la place. -

Syntaxe formelle

+### Syntaxe formelle {{csssyntax}} -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName("CSS Masks", "#propdef-mask-border-width", "mask-border-width")}}{{Spec2("CSS Masks")}}Définition intiale.
- -

{{cssinfo}}

- -

Compatibilité des navigateurs

- -

TBD

+## Spécifications + +| Spécification | État | Commentaires | +| ---------------------------------------------------------------------------------------------------- | ---------------------------- | ------------------- | +| {{SpecName("CSS Masks", "#propdef-mask-border-width", "mask-border-width")}} | {{Spec2("CSS Masks")}} | Définition intiale. | + +{{cssinfo}} + +## Compatibilité des navigateurs + +TBD -- cgit v1.2.3-54-g00ecf