From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/fr/web/css/-webkit-mask-box-image/index.html | 94 ++++++++++++++++++++++ 1 file changed, 94 insertions(+) create mode 100644 files/fr/web/css/-webkit-mask-box-image/index.html (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 new file mode 100644 index 0000000000..eccee98f66 --- /dev/null +++ b/files/fr/web/css/-webkit-mask-box-image/index.html @@ -0,0 +1,94 @@ +--- +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