diff options
Diffstat (limited to 'files/fr/web/css/mask-border/index.html')
-rw-r--r-- | files/fr/web/css/mask-border/index.html | 42 |
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 |