aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/css/mask-border/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/fr/web/css/mask-border/index.html')
-rw-r--r--files/fr/web/css/mask-border/index.html42
1 files changed, 10 insertions, 32 deletions
diff --git a/files/fr/web/css/mask-border/index.html b/files/fr/web/css/mask-border/index.html
index 062f768532..f2faaaf334 100644
--- a/files/fr/web/css/mask-border/index.html
+++ b/files/fr/web/css/mask-border/index.html
@@ -1,19 +1,14 @@
---
title: mask-border
slug: Web/CSS/mask-border
-tags:
- - CSS
- - Experimental
- - Propriété
- - Propriété raccourcie
- - Reference
translation_of: Web/CSS/mask-border
+browser-compat: css.properties.mask-border
---
<div>{{cssref}}{{SeeCompatTable}}</div>
<p>La propriété CSS <strong><code>mask-border</code></strong> permet de créer un masque le long de la bordure d'un élément.</p>
-<p>Cette propriété est une propriété <a href="/fr/docs/Web/CSS/Propriétés_raccourcies">raccourcie</a> 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 <a href="/fr/docs/Web/CSS/Valeur_initiale">valeur initiale</a>.</p>
+<p>Cette propriété est une propriété <a href="/fr/docs/Web/CSS/Shorthand_properties">raccourcie</a> 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 <a href="/fr/docs/Web/CSS/initial_value">valeur initiale</a>.</p>
<h2 id="Syntaxe">Syntaxe</h2>
@@ -57,7 +52,7 @@ mask-border: url('border-mask.png') 25 / 35px / 12px space alpha;
<p>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 :</p>
-<p><img alt="" src="https://mdn.mozillademos.org/files/15836/mask-border-diamonds.png" style="height: 90px; width: 90px;"></p>
+<p><img alt="" src="mask-border-diamonds.png"></p>
<h4 id="HTML">HTML</h4>
@@ -88,27 +83,10 @@ mask-border: url('border-mask.png') 25 / 35px / 12px space alpha;
<p>{{EmbedLiveSample("Image_matricielle_(bitmap)")}}</p>
-<h2 id="Spécifications">Spécifications</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">État</th>
- <th scope="col">Commentairezs</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName("CSS Masks", "#propdef-mask-border", "mask-border")}}</td>
- <td>{{Spec2("CSS Masks")}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
-
-<p>{{cssinfo}}</p>
-
-<h2 id="Compatibilité_des_navigateursEdit">Compatibilité des navigateurs<a class="button section-edit only-icon" href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-image$edit#Browser_compatibility" rel="nofollow, noindex"><span>Edit</span></a></h2>
-
-<p><span>TBD</span></p>
+<h2 id="spécifications">Spécifications</h2>
+
+<p>{{Specifications}}</p>
+
+<h2 id="compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
+
+<p>{{Compat}}</p> \ No newline at end of file