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

La propriété border-block-end-width définit la largeur de la bordure pour le côté de bloc de la fin « 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-block-end-width`** définit la largeur de la bordure pour le côté de bloc de la fin « 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-block-end-width.html")}}
+{{EmbedInteractiveExample("pages/css/border-block-end-width.html")}} -

Cette propriété logique est à rapprocher des autres propriétés logiques {{cssxref("border-block-start-width")}}, {{cssxref("border-inline-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-inline-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-block-end-width: 5px;
 border-block-end-width: thick;
-
+``` -

Valeurs

+### Valeurs -
-
<'border-width'>
-
La largeur utilisée pour la bordure, voir {{cssxref("border-width")}}.
-
+- `<'border-width'>` + - : La largeur utilisée pour 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;
@@ -49,54 +49,40 @@ border-block-end-width: thick;
   writing-mode: vertical-lr;
   border: 1px solid blue;
   border-block-end-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-block-end-width", "border-block-end-width")}}{{Spec2("CSS Logical Properties")}}Définition initiale.
- -

{{cssinfo}}

- -

Compatibilité des navigateurs

- -

{{Compat("css.properties.border-block-end-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-block-end-width", "border-block-end-width")}} | {{Spec2("CSS Logical Properties")}} | Définition initiale. | + +{{cssinfo}} + +## Compatibilité des navigateurs + +{{Compat("css.properties.border-block-end-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