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 --- .../fr/web/css/border-inline-start-width/index.md | 122 +++++++++------------ 1 file changed, 54 insertions(+), 68 deletions(-) (limited to 'files/fr/web/css/border-inline-start-width') diff --git a/files/fr/web/css/border-inline-start-width/index.md b/files/fr/web/css/border-inline-start-width/index.md index a530bc3c6e..abbb5ca252 100644 --- a/files/fr/web/css/border-inline-start-width/index.md +++ b/files/fr/web/css/border-inline-start-width/index.md @@ -9,38 +9,38 @@ tags: - Reference translation_of: Web/CSS/border-inline-start-width --- -
{{CSSRef}}{{SeeCompatTable}}
+{{CSSRef}}{{SeeCompatTable}} -

La propriété border-inline-start-width définit la largeur de la bordure pour le côté du début « logique » de l'élément. Cette propriété logique correspond à l'une des propriétés physiques équivalentes en fonction du mode d'écriture, de la directionnalité et de l'orientation du texte. Autrement dit, elle correspondra à  {{cssxref("border-top-width")}}, {{cssxref("border-right-width")}}, {{cssxref("border-bottom-width")}} ou a {{cssxref("border-left-width")}} selon les valeurs des propriétés pour {{cssxref("writing-mode")}}, {{cssxref("direction")}} et {{cssxref("text-orientation")}}.

+La propriété **`border-inline-start-width`** définit la largeur de la bordure pour le côté du début « logique » de l'élément. Cette propriété logique correspond à l'une des propriétés physiques équivalentes en fonction du mode d'écriture, de la directionnalité et de l'orientation du texte. Autrement dit, elle correspondra à  {{cssxref("border-top-width")}}, {{cssxref("border-right-width")}}, {{cssxref("border-bottom-width")}} ou a {{cssxref("border-left-width")}} selon les valeurs des propriétés pour {{cssxref("writing-mode")}}, {{cssxref("direction")}} et {{cssxref("text-orientation")}}. -
{{EmbedInteractiveExample("pages/css/border-inline-start-width.html")}}
+{{EmbedInteractiveExample("pages/css/border-inline-start-width.html")}} -

Cette propriété logique est à rapprocher des autres propriétés logiques {{cssxref("border-block-start-width")}}, {{cssxref("border-block-end-width")}} et {{cssxref("border-inline-end-width")}} qui permettent de définir la largeur de la bordure pour les différents côtés de l'élément.

+Cette propriété logique est à rapprocher des autres propriétés logiques {{cssxref("border-block-start-width")}}, {{cssxref("border-block-end-width")}} et {{cssxref("border-inline-end-width")}} qui permettent de définir la largeur de la bordure pour les différents côtés de l'élément. -

Syntaxe

+## Syntaxe -
/* Valeur de longueur */
-/* Type <length>      */
+```css
+/* Valeur de longueur */
+/* Type       */
 border-inline-start-width: 5px;
 border-inline-start-width: thick;
-
+``` -

Valeurs

+### Valeurs -
-
<'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;
@@ -50,54 +50,40 @@ border-inline-start-width: thick;
   writing-mode: vertical-lr;
   border: 1px solid blue;
   border-inline-start-width: 5px;
-}
- -

HTML

- -
<div>
-  <p class="exemple">Texte d'exemple</p>
-</div>
-
- -

Résultat

- -

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

- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName("CSS Logical Properties", "#propdef-border-inline-start-width", "border-inline-start-width")}}{{Spec2("CSS Logical Properties")}}Définition initiale.
- -

{{cssinfo}}

- -

Compatibilité des navigateurs

- -

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

- -

Voir aussi

- - +} +``` + +### HTML + +```html +
+

Texte d'exemple

+
+``` + +### Résultat + +{{EmbedLiveSample("Exemples", 140, 140)}} + +## Spécifications + +| Spécification | État | Commentaires | +| -------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------ | -------------------- | +| {{SpecName("CSS Logical Properties", "#propdef-border-inline-start-width", "border-inline-start-width")}} | {{Spec2("CSS Logical Properties")}} | Définition initiale. | + +{{cssinfo}} + +## Compatibilité des navigateurs + +{{Compat("css.properties.border-inline-start-width")}} + +## Voir aussi + +- Les propriétés physiques correspondantes : + + - {{cssxref("border-top-width")}} + - {{cssxref("border-right-width")}} + - {{cssxref("border-bottom-width")}} + - {{cssxref("border-left-width")}} + +- {{cssxref("writing-mode")}}, {{cssxref("direction")}}, {{cssxref("text-orientation")}} -- cgit v1.2.3-54-g00ecf