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/-webkit-mask-box-image/index.html | 92 ---------------------- files/fr/web/css/-webkit-mask-box-image/index.md | 92 ++++++++++++++++++++++ 2 files changed, 92 insertions(+), 92 deletions(-) delete mode 100644 files/fr/web/css/-webkit-mask-box-image/index.html create mode 100644 files/fr/web/css/-webkit-mask-box-image/index.md (limited to 'files/fr/web/css/-webkit-mask-box-image') diff --git a/files/fr/web/css/-webkit-mask-box-image/index.html b/files/fr/web/css/-webkit-mask-box-image/index.html deleted file mode 100644 index 79d751a5c2..0000000000 --- a/files/fr/web/css/-webkit-mask-box-image/index.html +++ /dev/null @@ -1,92 +0,0 @@ ---- -title: '-webkit-mask-box-image' -slug: Web/CSS/-webkit-mask-box-image -tags: - - CSS - - Non-standard - - Reference - - Web -translation_of: Web/CSS/-webkit-mask-box-image ---- -
{{CSSRef}}{{Non-standard_header}}
- -

La propriété -webkit-mask-box-image permet de définir l'image de masque utilisée pour la boîte de bordure d'un élément.

- - - -

Syntaxe

- -
-webkit-mask-box-image: <mask-box-image> [<top> <right> <bottom> <left> <x-repeat> <y-repeat>]
-
- -

Où :

- -
-
<mask-box-image>
-
{{cssxref("<uri>")}} | <gradient> | none
-
<top> <right> <bottom> <left>
-
<length> | <percentage>
-
<x-repeat> <y-repeat>
-
repeat | stretch | round
-
- -

Valeurs

- -
-
<uri>
-
L'emplacement de la ressource qui doit être utilisée comme image de masque.
-
<gradient>
-
Une fonction -webkit-gradient utilisée pour générer l'image de masque.
-
none
-
Ce mot-clé indique que la boîte de bordure n'a pas de masque.
-
- -
-
<length>
-
Le décalage à appliquer à l'image de masque (cf. {{cssxref("<length>")}} pour les unités possibles).
-
<percentage>
-
Le décalage de l'image exprimé en pourcentages relatifs à la dimension de la boîte de bordure de l'élément (la largeur ou la hauteur selon l'axe).
-
repeat
-
L'image est répétée autant de fois que nécessaire pour remplir la boîte de bordure. On pourra avoir des morceaux d'image si les dimensions de celle-ci ne permettent pas d'en copier un nombre entier sur la boîte.
-
stretch
-
L'image de masque est étirée pour être contenue exactement dans la boîte de bordure.
-
round
-
 L'image de masque est étirée et répétée de telle façon à ce qu'il n'y ait pas de morceaux d'image vers la fin de la boîte de bordure.
-
- -

Exemples

- -
.exempleUn {
-  -webkit-mask-box-image: url('mask.png');
-}
-
-.exempleDeux {
-  -webkit-mask-box-image: url('logo.png') 100 100 0 0 round round;
-}
-
- -

Spécifications

- -

Cette propriété est une propriété propriétaire liée à WebKit/Blink et ne fait partie d'aucune spécification.

- -

Compatibilité des navigateurs

- -

{{Compat("css.properties.-webkit-mask-box-image")}}

- -

Voir aussi

- - diff --git a/files/fr/web/css/-webkit-mask-box-image/index.md b/files/fr/web/css/-webkit-mask-box-image/index.md new file mode 100644 index 0000000000..79d751a5c2 --- /dev/null +++ b/files/fr/web/css/-webkit-mask-box-image/index.md @@ -0,0 +1,92 @@ +--- +title: '-webkit-mask-box-image' +slug: Web/CSS/-webkit-mask-box-image +tags: + - CSS + - Non-standard + - Reference + - Web +translation_of: Web/CSS/-webkit-mask-box-image +--- +
{{CSSRef}}{{Non-standard_header}}
+ +

La propriété -webkit-mask-box-image permet de définir l'image de masque utilisée pour la boîte de bordure d'un élément.

+ + + +

Syntaxe

+ +
-webkit-mask-box-image: <mask-box-image> [<top> <right> <bottom> <left> <x-repeat> <y-repeat>]
+
+ +

Où :

+ +
+
<mask-box-image>
+
{{cssxref("<uri>")}} | <gradient> | none
+
<top> <right> <bottom> <left>
+
<length> | <percentage>
+
<x-repeat> <y-repeat>
+
repeat | stretch | round
+
+ +

Valeurs

+ +
+
<uri>
+
L'emplacement de la ressource qui doit être utilisée comme image de masque.
+
<gradient>
+
Une fonction -webkit-gradient utilisée pour générer l'image de masque.
+
none
+
Ce mot-clé indique que la boîte de bordure n'a pas de masque.
+
+ +
+
<length>
+
Le décalage à appliquer à l'image de masque (cf. {{cssxref("<length>")}} pour les unités possibles).
+
<percentage>
+
Le décalage de l'image exprimé en pourcentages relatifs à la dimension de la boîte de bordure de l'élément (la largeur ou la hauteur selon l'axe).
+
repeat
+
L'image est répétée autant de fois que nécessaire pour remplir la boîte de bordure. On pourra avoir des morceaux d'image si les dimensions de celle-ci ne permettent pas d'en copier un nombre entier sur la boîte.
+
stretch
+
L'image de masque est étirée pour être contenue exactement dans la boîte de bordure.
+
round
+
 L'image de masque est étirée et répétée de telle façon à ce qu'il n'y ait pas de morceaux d'image vers la fin de la boîte de bordure.
+
+ +

Exemples

+ +
.exempleUn {
+  -webkit-mask-box-image: url('mask.png');
+}
+
+.exempleDeux {
+  -webkit-mask-box-image: url('logo.png') 100 100 0 0 round round;
+}
+
+ +

Spécifications

+ +

Cette propriété est une propriété propriétaire liée à WebKit/Blink et ne fait partie d'aucune spécification.

+ +

Compatibilité des navigateurs

+ +

{{Compat("css.properties.-webkit-mask-box-image")}}

+ +

Voir aussi

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