From 149319bb8c7b1394a443f0877c3460cd362aa815 Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:58:15 +0200 Subject: move *.html to *.md --- files/fr/web/css/mask-border-slice/index.html | 107 -------------------------- files/fr/web/css/mask-border-slice/index.md | 107 ++++++++++++++++++++++++++ 2 files changed, 107 insertions(+), 107 deletions(-) delete mode 100644 files/fr/web/css/mask-border-slice/index.html create mode 100644 files/fr/web/css/mask-border-slice/index.md (limited to 'files/fr/web/css/mask-border-slice') diff --git a/files/fr/web/css/mask-border-slice/index.html b/files/fr/web/css/mask-border-slice/index.html deleted file mode 100644 index c0b1482f6d..0000000000 --- a/files/fr/web/css/mask-border-slice/index.html +++ /dev/null @@ -1,107 +0,0 @@ ---- -title: mask-border-slice -slug: Web/CSS/mask-border-slice -tags: - - CSS - - Experimental - - Propriété - - Reference -translation_of: Web/CSS/mask-border-slice ---- -
{{CSSRef}}{{SeeCompatTable}}
- -

La propriété CSS mask-border-slice permet de découper l'image source, fournie par {{cssxref("mask-border-source")}}, en différentes régions. Ces régions sont utilisées pour former les composants du masque de la bordure.

- -

Cette découpe permet d'obtenir neuf régions au total : quatre pour les coins, quatre pour les côtés et une région pour le centre. Cette découpe est effectuée selon 4 lignes qui sont écartées d'une certaine distance des bords de l'image.

- -

The nine regions defined by the border-image or border-image-slice properties

- -

Le diagramme ci-avant illustre l'emplacement de chaque région.

- - - -

Les propriétés {{cssxref("mask-border-repeat")}}, {{cssxref("mask-border-width")}} et  {{cssxref("mask-border-outset")}} déterminent la façon dont ces régions sont utilisées pour construire le masque final.

- -

Syntaxe

- -
/* Une valeur pour tous les côtés */
-mask-border-slice: 30%;
-
-/* vertical | horizontal */
-mask-border-slice: 10% 30%;
-
-/* haut | horizontal | bas */
-mask-border-slice: 30 30% 45;
-
-/* haut | droit | bas | gauche */
-mask-border-slice: 7 12 14 5;
-
-/* Utilisation du mot-clé `fill` */
-mask-border-slice: 10% fill 7 12;
-
-/* Valeurs globales */
-mask-border-slice: inherit;
-mask-border-slice: initial;
-mask-border-slice: unset;
-
- -

La propriété mask-border-slice peut être définie avec une, deux, trois ou quatre valeurs <number-percentage> qui représentent la distance entre le trait de coupe et le bord de l'image. Les valeurs négatives sont invalides et les valeurs supérieures à la dimension de l'image sur cet axe sont ramenées à 100%.

- - - -

La valeur optionnelle fill peut être utilisée et placée à n'importe quel endroit de la déclaration.

- -

Valeurs

- -
-
{{cssxref("<number>")}}
-
Une valeur numérique représentant le décalage entre le trait de coupe et le bord de l'image. La valeur est exprimée en nombre de pixels pour les images matricielles (bitmap/raster) et en coordonnées pour les images vectorielles. Pour les images vecorielles, le nombre utilisé est relatif à la taille de l'élément et pas à la taille de l'image source. Dans ce dernier cas, il peut être préférable d'utiliser des valeurs en pourcentage.
-
{{cssxref("<percentage>")}}
-
Le décalage entre le trait de découpe et le bord de l'image, exprimé relativement à la taille de l'image source (pour les traits horizontaux, la distance est proportionnelle à la hauteur et pour les traits verticaux, la distance est proportionnelle à la largeur).
-
fill
-
La zone centrale est conservée ; sa largeur et sa hauteur correspondent aux dimensions utilisées pour les régions haute et gauche.
-
- -

Syntaxe formelle

- -{{csssyntax}} - -

Spécifications

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

{{cssinfo}}

- -

Compatibilité des navigateurs

- -

TBD

- -

Voir aussi

- - diff --git a/files/fr/web/css/mask-border-slice/index.md b/files/fr/web/css/mask-border-slice/index.md new file mode 100644 index 0000000000..c0b1482f6d --- /dev/null +++ b/files/fr/web/css/mask-border-slice/index.md @@ -0,0 +1,107 @@ +--- +title: mask-border-slice +slug: Web/CSS/mask-border-slice +tags: + - CSS + - Experimental + - Propriété + - Reference +translation_of: Web/CSS/mask-border-slice +--- +
{{CSSRef}}{{SeeCompatTable}}
+ +

La propriété CSS mask-border-slice permet de découper l'image source, fournie par {{cssxref("mask-border-source")}}, en différentes régions. Ces régions sont utilisées pour former les composants du masque de la bordure.

+ +

Cette découpe permet d'obtenir neuf régions au total : quatre pour les coins, quatre pour les côtés et une région pour le centre. Cette découpe est effectuée selon 4 lignes qui sont écartées d'une certaine distance des bords de l'image.

+ +

The nine regions defined by the border-image or border-image-slice properties

+ +

Le diagramme ci-avant illustre l'emplacement de chaque région.

+ + + +

Les propriétés {{cssxref("mask-border-repeat")}}, {{cssxref("mask-border-width")}} et  {{cssxref("mask-border-outset")}} déterminent la façon dont ces régions sont utilisées pour construire le masque final.

+ +

Syntaxe

+ +
/* Une valeur pour tous les côtés */
+mask-border-slice: 30%;
+
+/* vertical | horizontal */
+mask-border-slice: 10% 30%;
+
+/* haut | horizontal | bas */
+mask-border-slice: 30 30% 45;
+
+/* haut | droit | bas | gauche */
+mask-border-slice: 7 12 14 5;
+
+/* Utilisation du mot-clé `fill` */
+mask-border-slice: 10% fill 7 12;
+
+/* Valeurs globales */
+mask-border-slice: inherit;
+mask-border-slice: initial;
+mask-border-slice: unset;
+
+ +

La propriété mask-border-slice peut être définie avec une, deux, trois ou quatre valeurs <number-percentage> qui représentent la distance entre le trait de coupe et le bord de l'image. Les valeurs négatives sont invalides et les valeurs supérieures à la dimension de l'image sur cet axe sont ramenées à 100%.

+ + + +

La valeur optionnelle fill peut être utilisée et placée à n'importe quel endroit de la déclaration.

+ +

Valeurs

+ +
+
{{cssxref("<number>")}}
+
Une valeur numérique représentant le décalage entre le trait de coupe et le bord de l'image. La valeur est exprimée en nombre de pixels pour les images matricielles (bitmap/raster) et en coordonnées pour les images vectorielles. Pour les images vecorielles, le nombre utilisé est relatif à la taille de l'élément et pas à la taille de l'image source. Dans ce dernier cas, il peut être préférable d'utiliser des valeurs en pourcentage.
+
{{cssxref("<percentage>")}}
+
Le décalage entre le trait de découpe et le bord de l'image, exprimé relativement à la taille de l'image source (pour les traits horizontaux, la distance est proportionnelle à la hauteur et pour les traits verticaux, la distance est proportionnelle à la largeur).
+
fill
+
La zone centrale est conservée ; sa largeur et sa hauteur correspondent aux dimensions utilisées pour les régions haute et gauche.
+
+ +

Syntaxe formelle

+ +{{csssyntax}} + +

Spécifications

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

{{cssinfo}}

+ +

Compatibilité des navigateurs

+ +

TBD

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf