diff options
Diffstat (limited to 'files/fr/web/css/mask-border-outset/index.md')
| -rw-r--r-- | files/fr/web/css/mask-border-outset/index.md | 76 |
1 files changed, 30 insertions, 46 deletions
diff --git a/files/fr/web/css/mask-border-outset/index.md b/files/fr/web/css/mask-border-outset/index.md index 3174b76051..ad022aabc0 100644 --- a/files/fr/web/css/mask-border-outset/index.md +++ b/files/fr/web/css/mask-border-outset/index.md @@ -8,18 +8,19 @@ tags: - Reference translation_of: Web/CSS/mask-border-outset --- -<div>{{CSSRef}}{{SeeCompatTable}}</div> +{{CSSRef}}{{SeeCompatTable}} -<p>La propriété CSS <strong><code>mask-border-outset</code></strong> indique la distance entre le <a href="/fr/docs/Web/CSS/mask-border">masque de la bordure</a> et la boîte de la bordure.</p> +La propriété CSS **`mask-border-outset`** indique la distance entre le [masque de la bordure](/fr/docs/Web/CSS/mask-border) et la boîte de la bordure. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="brush:css no-line-numbers">/* Valeur de longueur */ -/* Type <length> */ +```css +/* Valeur de longueur */ +/* Type <length> */ mask-border-outset: 1rem; /* Valeur numérique */ -/* Type <number> */ +/* Type <number> */ mask-border-outset: 1.5; /* Décalage vertical | horizontal */ @@ -35,51 +36,34 @@ mask-border-outset: 7px 12px 14px 5px; mask-border-outset: inherit; mask-border-outset: initial; mask-border-outset: unset; -</pre> +``` -<p>La propriété <code>mask-border-outset</code> peut être utilisée avec une, deux, trois ou quatre valeurs. Chaque valeur peut être de type {{cssxref("<length>")}} ou {{cssxref("<number>")}}. Les valeurs négatives ne sont pas autorisées.</p> +La propriété `mask-border-outset` peut être utilisée avec une, deux, trois ou quatre valeurs. Chaque valeur peut être de type {{cssxref("<length>")}} ou {{cssxref("<number>")}}. Les valeurs négatives ne sont pas autorisées. -<ul> - <li>Si une seule valeur est utilisée, c'est ce décalage qui est utilisé pour chaque côté.</li> - <li>Lorsque deux valeurs sont utilisées, la première indique le décalage en haut et en bas et la seconde indique le décalage à gauche et à droite.</li> - <li>Lorsque trois valeurs sont utilisées, la première indique le décalage avec le côté haut, la deuxième avec le côté gauche et le côté droit et la troisième le décalage avec le côté bas.</li> - <li>Lorsque quatre valeurs sont indiquées, elles s'appliquent respectivement aux côtés haut, droit, bas et gauche (c'est-à-dire dans le sens des aiguilles d'une montre).</li> -</ul> +- Si une seule valeur est utilisée, c'est ce décalage qui est utilisé pour chaque côté. +- Lorsque deux valeurs sont utilisées, la première indique le décalage en haut et en bas et la seconde indique le décalage à gauche et à droite. +- Lorsque trois valeurs sont utilisées, la première indique le décalage avec le côté haut, la deuxième avec le côté gauche et le côté droit et la troisième le décalage avec le côté bas. +- Lorsque quatre valeurs sont indiquées, elles s'appliquent respectivement aux côtés haut, droit, bas et gauche (c'est-à-dire dans le sens des aiguilles d'une montre). -<h3 id="Valeurs">Valeurs</h3> +### Valeurs -<dl> - <dt>{{cssxref("<length>")}}</dt> - <dd>La distance, avec une dimension, pour le décalage du masque.</dd> - <dt>{{cssxref("<number>")}}</dt> - <dd>Le décalage du masque, exprimé comme un multiple de {{cssxref("border-width")}}.</dd> -</dl> +- {{cssxref("<length>")}} + - : La distance, avec une dimension, pour le décalage du masque. +- {{cssxref("<number>")}} + - : Le décalage du masque, exprimé comme un multiple de {{cssxref("border-width")}}. -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> +### Syntaxe formelle {{csssyntax}} -<h2 id="Specifications">Spécifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">État</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("CSS Masks", "#propdef-mask-border-outset", "mask-border-outset")}}</td> - <td>{{Spec2("CSS Masks")}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> - -<div>{{cssinfo}}</div> - -<h2 id="Compatiblité_des_navigateurs">Compatiblité des navigateurs</h2> - -<p>TBD</p> +## Spécifications + +| Spécification | État | Commentaires | +| -------------------------------------------------------------------------------------------------------- | ---------------------------- | -------------------- | +| {{SpecName("CSS Masks", "#propdef-mask-border-outset", "mask-border-outset")}} | {{Spec2("CSS Masks")}} | Définition initiale. | + +{{cssinfo}} + +## Compatiblité des navigateurs + +TBD |