From 258ba7b4be62d8640477a3bd3146d08b00cb70ec Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:59:20 +0200 Subject: convert content to md --- files/fr/web/css/border-inline-width/index.md | 83 +++++++++++---------------- 1 file changed, 35 insertions(+), 48 deletions(-) (limited to 'files/fr/web/css/border-inline-width') diff --git a/files/fr/web/css/border-inline-width/index.md b/files/fr/web/css/border-inline-width/index.md index 36cc04cc58..79285d5a85 100644 --- a/files/fr/web/css/border-inline-width/index.md +++ b/files/fr/web/css/border-inline-width/index.md @@ -9,36 +9,36 @@ tags: - Reference translation_of: Web/CSS/border-inline-width --- -
{{CSSRef}}{{SeeCompatTable}}
+{{CSSRef}}{{SeeCompatTable}} -

La propriété border-inline-width définit la largeur de la bordure sur les côtés d'un élément sur les côtés de l'axe en ligne. Cette propriété logique peut correspondre à différentes propriétés physiques selon le mode d'écriture, la direction et l'orientation du texte. Autrement dit, cette propriété correspond à {{cssxref("border-top-width")}} et {{cssxref("border-bottom-width")}} ou à {{cssxref("border-left-width")}} et {{cssxref("border-right-width")}} selon les valeurs des propriétés {{cssxref("writing-mode")}}, {{cssxref("direction")}} et {{cssxref("text-orientation")}}.

+La propriété **`border-inline-width`** définit la largeur de la bordure sur les côtés d'un élément sur les côtés de l'axe en ligne. Cette propriété logique peut correspondre à différentes propriétés physiques selon le mode d'écriture, la direction et l'orientation du texte. Autrement dit, cette propriété correspond à {{cssxref("border-top-width")}} et {{cssxref("border-bottom-width")}} ou à {{cssxref("border-left-width")}} et {{cssxref("border-right-width")}} selon les valeurs des propriétés {{cssxref("writing-mode")}}, {{cssxref("direction")}} et {{cssxref("text-orientation")}}. -
/* Valeurs de type <'border-width'> */
+```css
+/* Valeurs de type <'border-width'> */
 border-inline-width: 5px 10px;
 border-inline-width: 5px;
 border-inline-width: thick;
-
+``` -

The border width in the other dimension can be set with {{cssxref("border-block-width")}}, which sets {{cssxref("border-block-start-width")}}, and {{cssxref("border-block-end-width")}}.

+The border width in the other dimension can be set with {{cssxref("border-block-width")}}, which sets {{cssxref("border-block-start-width")}}, and {{cssxref("border-block-end-width")}}. -

Syntaxe

+## Syntaxe -

Valeur

+### Valeur -
-
<'border-width'>
-
La largeur de la bordure. Voir {{ cssxref("border-width") }}.
-
+- `<'border-width'>` + - : La largeur de la bordure. Voir {{ cssxref("border-width") }}. -

Syntaxe formelle

+### Syntaxe formelle {{csssyntax}} -

Exemples

+## Exemples -

CSS

+### CSS -
div {
+```css
+div {
   background-color: yellow;
   width: 120px;
   height: 120px;
@@ -48,47 +48,34 @@ border-inline-width: thick;
   writing-mode: vertical-lr;
   border: 1px solid blue;
   border-inline-width: 5px 10px;
-}
+} +``` -

HTML

+### HTML -
<div>
-  <p class="texteExemple">Texte d'exemple</p>
-</div>
-
+```html +
+

Texte d'exemple

+
+``` -

Résultat

+### Résultat -

{{EmbedLiveSample("Exemples", 140, 140)}}

+{{EmbedLiveSample("Exemples", 140, 140)}} -

Spécifications

+## Spécifications - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName("CSS Logical Properties", "#propdef-border-block-width", "border-block-width")}}{{Spec2("CSS Logical Properties")}}Définition initiale.
+| Spécification | État | Commentaires | +| ------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------ | -------------------- | +| {{SpecName("CSS Logical Properties", "#propdef-border-block-width", "border-block-width")}} | {{Spec2("CSS Logical Properties")}} | Définition initiale. | -

{{cssinfo}}

+{{cssinfo}} -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

{{Compat("css.properties.border-block-width")}}

+{{Compat("css.properties.border-block-width")}} -

Voir aussi

+## Voir aussi - +- Les propriétés physiques qui peuvent correspondre à cette propriété logique {{cssxref("border-top-width")}}, {{cssxref("border-right-width")}}, {{cssxref("border-bottom-width")}}, and {{cssxref("border-left-width")}} +- {{cssxref("writing-mode")}}, {{cssxref("direction")}}, {{cssxref("text-orientation")}} -- cgit v1.2.3-54-g00ecf