Remove mozillademo links from CSS (#3642)

* Work - part 1 / N

* background-attachment

* background-blend-mode

* background-image

* background-origin

* Background position

* background-repeat

* background-size

* border-image

* border-image-outset

* border-image-repeat

* border-image-slice

* border-image-width

* clip-path

* content

* cross-fade()

* border-radius-generator

* multiple bckgrnd

* vertical-align

* url

* text-combine-upright

* position_value

* image-rendering

* using css gradients

* font-stretch

* font-stretch - add bcd key

* font-variant-numeric

* font-weight

* image-orientation

* list-style-image

* mask-border

* mask-clip

* mask-composite

* mask-image

* mask-mode

* mask-origin

* mask-position

* mask-size

* object-fit

* object-position

* position

* Various fixes and improvements

* Remove unecessary files

* Remove unecessary files (part 2)

* Missed level 1 fixes

Co-authored-by: cw118 <carolyn94118@gmail.com>

1 files changed, 39 insertions, 40 deletions

diff --git a/files/fr/web/css/mask-border/index.md b/files/fr/web/css/mask-border/index.md
index 6b765250be..29151b0da1 100644
--- a/files/fr/web/css/mask-border/index.md
+++ b/files/fr/web/css/mask-border/index.md
@@ -4,11 +4,20 @@ slug: Web/CSS/mask-border
 translation_of: Web/CSS/mask-border
 browser-compat: css.properties.mask-border
 ---
-{{cssref}}{{SeeCompatTable}}
+{{cssref}}
 
-La propriété CSS **`mask-border`** permet de créer un masque le long de la bordure d'un élément.
+La propriété [CSS](/fr/docs/Web/CSS) **`mask-border`** est une [propriété raccourcie](/fr/docs/Web/CSS/Shorthand_properties) qui permet de créer un masque le long de la bordure d'un élément.
 
-Cette propriété est une propriété [raccourcie](/fr/docs/Web/CSS/Shorthand_properties) pour les propriétés {{cssxref("mask-border-source")}}, {{cssxref("mask-border-slice")}}, {{cssxref("mask-border-width")}}, {{cssxref("mask-border-outset")}}, {{cssxref("mask-border-repeat")}} et {{cssxref("mask-border-mode")}}. Comme pour l'ensemble des propriétés raccourcies, toutes les propriétés qui ne sont pas explicitement utilisées dans la règle utilisent leur [valeur initiale](/fr/docs/Web/CSS/initial_value).
+## Propriétés détaillées correspondantes
+
+Cette propriété est une propriété raccourcie pour les propriétés suivantes :
+
+- [`mask-border-mode`](/fr/docs/Web/CSS/mask-border-mode).
+- [`mask-border-outset`](/fr/docs/Web/CSS/mask-border-outset)
+- [`mask-border-repeat`](/fr/docs/Web/CSS/mask-border-repeat)
+- [`mask-border-slice`](/fr/docs/Web/CSS/mask-border-slice)
+- [`mask-border-source`](/fr/docs/Web/CSS/mask-border-source)
+- [`mask-border-width`](/fr/docs/Web/CSS/mask-border-width)
 
 ## Syntaxe
 
@@ -24,24 +33,34 @@ mask-border: url('border-mask.png') 25 / 35px;
 
 /* source | slice | width | outset | repeat | mode */
 mask-border: url('border-mask.png') 25 / 35px / 12px space alpha;
+
+/* Valeurs globales */
+mask-border: inherit;
+mask-border: initial;
+mask-border: revert;
+mask-border: unset;
 ```
 
 ### Valeurs
 
 - `<'mask-border-source'>`
-  - : L'image source, pour plus d'informations, voir {{cssxref("mask-border-source")}}.
+  - : L'image source. Voir [`mask-border-source`](/fr/docs/Web/CSS/mask-border-source).
 - `<'mask-border-slice'>`
-  - : Les dimensions qui permettent de découper l'image source en différentes régions. Il est possible d'utiliser jusqu'à 4 valeurs. Voir {{cssxref("mask-border-slice")}}.
+  - : Les dimensions qui permettent de découper l'image source en différentes régions. Il est possible d'utiliser jusqu'à 4 valeurs. Voir [`mask-border-slice`](/fr/docs/Web/CSS/mask-border-slice).
 - `<'mask-border-width'>`
-  - : La largeur du masque pour la bordure. Il est possible d'utiliser jusqu'à 4 valeurs. Voir {{cssxref("mask-border-width")}}.
+  - : La largeur du masque pour la bordure. Il est possible d'utiliser jusqu'à 4 valeurs. Voir [`mask-border-width`](/fr/docs/Web/CSS/mask-border-width).
 - `<'mask-border-outset'>`
-  - : La distance entre le masque de la bordure et le bord extérieur de l'image. Il est possible d'utiliser jusqu'à 4 valeurs. Voir {{cssxref("mask-border-outset")}}.
+  - : La distance entre le masque de la bordure et le bord extérieur de l'image. Il est possible d'utiliser jusqu'à 4 valeurs. Voir [`mask-border-outset`](/fr/docs/Web/CSS/mask-border-outset).
 - `<'mask-border-repeat'>`
-  - : Cette valeur indiique la façon dont les régions du bord de l'image source sont ajustées afin de correspondre aux dimensions du masque. Il est possible d'utiliser jusqu'à deux valeurs. Voir {{cssxref("mask-border-repeat")}}.
+  - : Cette valeur indique la façon dont les régions du bord de l'image source sont ajustées afin de correspondre aux dimensions du masque. Il est possible d'utiliser jusqu'à deux valeurs. Voir [`mask-border-repeat`](/fr/docs/Web/CSS/mask-border-repeat).
 - `<'mask-border-mode'>`
-  - : Cette valeur définit si l'image source est traitée comme un masque de luminance ou comme un masque alpha. Voir {{cssxref("mask-border-mode")}}.
+  - : Cette valeur définit si l'image source est traitée comme un masque de luminance ou comme un masque alpha. Voir [`mask-border-mode`](/fr/docs/Web/CSS/mask-border-mode).
+
+## Définition formelle
 
-### Syntaxe formelle
+{{cssinfo}}
+
+## Syntaxe formelle
 
 {{csssyntax}}
 
@@ -49,41 +68,13 @@ mask-border: url('border-mask.png') 25 / 35px / 12px space alpha;
 
 ### Image matricielle (_bitmap_)
 
-Dans cet exemple, on utilise un masque en losange. L'image source utilisée est un fichier PNG de 90 pixels de long et de large :
+Dans cet exemple, on utilise un masque en losange. L'image source utilisée est un fichier PNG de 90 pixels de long et de large&nbsp;:
 
 ![](mask-border-diamonds.png)
 
-#### HTML
-
-```html
-<div id="bitmap">
-  Cet élément est entouré d'un masque de bordure
-  matriciel. C'est pas mal.
-</div>
-```
-
-#### CSS
-
 Pour avoir un seul losange, on divise le carré en 3 (avec la valeur `30`). On utilise la valeur `round` pour que le masque soit réparti également de part et d'autre.
 
-```css
-div {
-  width: 200px;
-  background-color: lavender;
-  border: 18px solid salmon;
-  padding: 10px;
-
-  mask-border:
-    url("https://mdn.mozillademos.org/files/15836/mask-border-diamonds.png")  /* source */
-    30 /         /* slice */
-    36px 18px    /* width */
-    round;       /* repeat */
-}
-```
-
-#### Résultat
-
-{{EmbedLiveSample("Image_matricielle_(bitmap)")}}
+{{EmbedGHLiveSample("css-examples/masking/mask-border.html", '100%', 800)}}
 
 ## Spécifications
 
@@ -92,3 +83,11 @@ div {
 ## Compatibilité des navigateurs
 
 {{Compat}}
+
+## Voir aussi
+
+- [`mask-border-mode`](/fr/docs/Web/CSS/mask-border-mode)
+- [`mask-border-outset`](/fr/docs/Web/CSS/mask-border-outset)
+- [`mask-border-repeat`](/fr/docs/Web/CSS/mask-border-repeat)
+- [`mask-border-source`](/fr/docs/Web/CSS/mask-border-source)
+- [`mask-border-width`](/fr/docs/Web/CSS/mask-border-width)