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-style/index.md | 128 +++++++++------------ 1 file changed, 56 insertions(+), 72 deletions(-) (limited to 'files/fr/web/css/border-inline-start-style/index.md') diff --git a/files/fr/web/css/border-inline-start-style/index.md b/files/fr/web/css/border-inline-start-style/index.md index 84313d9460..77aa7d211a 100644 --- a/files/fr/web/css/border-inline-start-style/index.md +++ b/files/fr/web/css/border-inline-start-style/index.md @@ -8,44 +8,42 @@ tags: - Reference translation_of: Web/CSS/border-inline-start-style --- -
{{CSSRef}}{{SeeCompatTable}}
+{{CSSRef}}{{SeeCompatTable}} -

La propriété border-inline-start-style définit le style de la bordure utilisé pour le côté du début de l'élément dans l'axe de lecture. Cette propriété logique correspondra à une propriété physique selon le mode d'écriture, la directionnalité et l'orientation du texte. Autrement dit, elle correspond à {{cssxref("border-top-style")}}, {{cssxref("border-right-style")}}, {{cssxref("border-bottom-style")}} ou à {{cssxref("border-left-style")}} selon les valeurs de {{cssxref("writing-mode")}}, {{cssxref("direction")}} et {{cssxref("text-orientation")}}.

+La propriété **`border-inline-start-style`** définit le style de la bordure utilisé pour le côté du début de l'élément dans l'axe de lecture. Cette propriété logique correspondra à une propriété physique selon le mode d'écriture, la directionnalité et l'orientation du texte. Autrement dit, elle correspond à {{cssxref("border-top-style")}}, {{cssxref("border-right-style")}}, {{cssxref("border-bottom-style")}} ou à {{cssxref("border-left-style")}} selon les valeurs de {{cssxref("writing-mode")}}, {{cssxref("direction")}} et {{cssxref("text-orientation")}}. -
{{EmbedInteractiveExample("pages/css/border-inline-start-style.html")}}
+{{EmbedInteractiveExample("pages/css/border-inline-start-style.html")}} -

Les autres propriétés logiques permettant de définir le style de la bordure sont les suivantes :

+Les autres propriétés logiques permettant de définir le style de la bordure sont les suivantes : - +- {{cssxref("border-block-start-style")}} +- {{cssxref("border-block-end-style")}} +- {{cssxref("border-inline-end-style")}}. -

Syntaxe

+## Syntaxe -
/* Valeur avec un mot-clé */
+```css
+/* Valeur avec un mot-clé */
 border-inline-start-style: dashed;
 border-inline-start-style: dotted;
 border-inline-start-style: groove;
-
+``` -

Valeurs

+### Valeurs -
-
<'border-style'>
-
Le style de la ligne utilisé pour la bordure, voir {{cssxref("border-style")}}.
-
+- `<'border-style'>` + - : Le style de la ligne utilisé pour la bordure, voir {{cssxref("border-style")}}. -

Syntaxe formelle

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

Exemples

+## Exemples -

CSS

+### CSS -
div {
+```css
+div {
   background-color: yellow;
   width: 120px;
   height: 120px;
@@ -55,54 +53,40 @@ border-inline-start-style: groove;
   writing-mode: vertical-lr;
   border: 5px solid blue;
   border-inline-start-style: dashed;
-}
- -

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-style", "border-inline-start-style")}}{{Spec2("CSS Logical Properties")}}Définition initiale.
- -

{{cssinfo}}

- -

Compatibilité des navigateurs

- -

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

- -

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-style", "border-inline-start-style")}} | {{Spec2("CSS Logical Properties")}} | Définition initiale. | + +{{cssinfo}} + +## Compatibilité des navigateurs + +{{Compat("css.properties.border-inline-start-style")}} + +## Voir aussi + +- Les propriétés physiques correspondantes : + + - {{cssxref("border-top-style")}}, + - {{cssxref("border-right-style")}}, + - {{cssxref("border-bottom-style")}}, + - {{cssxref("border-left-style")}} + +- {{cssxref("writing-mode")}}, {{cssxref("direction")}}, {{cssxref("text-orientation")}} -- cgit v1.2.3-54-g00ecf