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/column-rule-width/index.md | 76 +++++++++++++---------------- 1 file changed, 33 insertions(+), 43 deletions(-) (limited to 'files/fr/web/css/column-rule-width/index.md') diff --git a/files/fr/web/css/column-rule-width/index.md b/files/fr/web/css/column-rule-width/index.md index 27b3b4397a..fbf11d57f4 100644 --- a/files/fr/web/css/column-rule-width/index.md +++ b/files/fr/web/css/column-rule-width/index.md @@ -7,21 +7,22 @@ tags: - Reference translation_of: Web/CSS/column-rule-width --- -
{{CSSRef}}
+{{CSSRef}} -

La propriété column-rule-width permet de définir la largeur du trait tracé entre les colonnes lorsqu'on utilise une disposition en colonnes.

+La propriété **`column-rule-width`** permet de définir la largeur du trait tracé entre les colonnes lorsqu'on utilise une disposition en colonnes. -
{{EmbedInteractiveExample("pages/css/column-rule-width.html")}}
+{{EmbedInteractiveExample("pages/css/column-rule-width.html")}} -

Syntaxe

+## Syntaxe -
/* Valeurs avec un mot-clé */
+```css
+/* Valeurs avec un mot-clé */
 column-rule-width: thin;
 column-rule-width: medium;
 column-rule-width: thick;
 
 /* Valeurs de longueurs */
-/* Type <length>        */
+/* Type         */
 column-rule-width: 1px;
 column-rule-width: 2.5em;
 
@@ -29,36 +30,37 @@ column-rule-width: 2.5em;
 column-rule-width: inherit;
 column-rule-width: initial;
 column-rule-width: unset;
-
+``` -

La propriété column-rule-width est définie grâce à une valeur de type <br-width>.

+La propriété `column-rule-width` est définie grâce à une valeur de type ``. -

Valeurs

+### Valeurs -
-
<br-width>
-
Une valeur de longueur (type {{cssxref("<length>")}}) ou un mot-clé parmi thin, medium ou thick qui décrit l'épaisseur du trait séparant deux colonnes. C'est le type de valeur qui sera également utilisé pour la propriété {{cssxref("border-width")}}.
-
+- `` + - : Une valeur de longueur (type {{cssxref("<length>")}}) ou un mot-clé parmi `thin`, `medium` ou `thick` qui décrit l'épaisseur du trait séparant deux colonnes. C'est le type de valeur qui sera également utilisé pour la propriété {{cssxref("border-width")}}. -

Syntaxe formelle

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

Exemples

+## Exemples -

CSS

+### CSS -
.exemple {
+```css
+.exemple {
   border: 10px solid #000000;
   columns:3;
   column-rule-width: thick;
   column-rule-color: blue;
   column-rule-style: dashed;
-}
+} +``` -

HTML

+### HTML -
<p class=exemple>
+```html
+

« Mais alors, » pensa Alice, « ne serai-je donc jamais plus vieille que je ne le suis maintenant ? D’un côté cela aura ses avantages, ne jamais être @@ -69,33 +71,21 @@ column-rule-width: unset; « Comment pourriez-vous apprendre des leçons ici ? Il y a à peine de la place pour vous, et il n’y en a pas du tout pour vos livres de leçons. » -</p>

+

+``` -

Résultat

+### Résultat -

{{EmbedLiveSample("Exemples")}}

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

Spécifications

+## Spécifications - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('CSS3 Multicol', '#crw', 'column-rule-width')}}{{Spec2('CSS3 Multicol')}}Définition initiale.
+| Spécification | État | Commentaires | +| ---------------------------------------------------------------------------- | ------------------------------------ | -------------------- | +| {{SpecName('CSS3 Multicol', '#crw', 'column-rule-width')}} | {{Spec2('CSS3 Multicol')}} | Définition initiale. | -

{{cssinfo}}

+{{cssinfo}} -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

{{Compat("css.properties.column-rule-width")}}

+{{Compat("css.properties.column-rule-width")}} -- cgit v1.2.3-54-g00ecf