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/index.md | 94 +++++++++++++++-------------------- 1 file changed, 40 insertions(+), 54 deletions(-) (limited to 'files/fr/web/css/column-rule/index.md') diff --git a/files/fr/web/css/column-rule/index.md b/files/fr/web/css/column-rule/index.md index 9ac19f4c6f..ae0b1dbfd3 100644 --- a/files/fr/web/css/column-rule/index.md +++ b/files/fr/web/css/column-rule/index.md @@ -7,21 +7,20 @@ tags: - Reference translation_of: Web/CSS/column-rule --- -
{{CSSRef}}
+{{CSSRef}} -

Lorsqu'on utilise une disposition sur plusieurs colonnes, la propriété raccourcie column-rule permet de définir l'affichage d'une ligne droite (aussi appelée « règle ») entre chaque colonne.

+Lorsqu'on utilise une disposition sur plusieurs colonnes, la [propriété raccourcie](/fr/docs/Web/CSS/Propriétés_raccourcies) **`column-rule`** permet de définir l'affichage d'une ligne droite (aussi appelée « règle ») entre chaque colonne. -
{{EmbedInteractiveExample("pages/css/column-rule.html")}}
+{{EmbedInteractiveExample("pages/css/column-rule.html")}} -

Cette propriété est une propriété raccourcie qui permet de définir {{cssxref("column-rule-width")}}, {{cssxref("column-rule-style")}} et {{cssxref("column-rule-color")}} (plutôt que d'avoir à les définir une par une, ce qui est plus laborieux).

+Cette propriété est une propriété raccourcie qui permet de définir {{cssxref("column-rule-width")}}, {{cssxref("column-rule-style")}} et {{cssxref("column-rule-color")}} (plutôt que d'avoir à les définir une par une, ce qui est plus laborieux). -
-

Note : Cette propriété étant une propriété raccourcie, elle surcharge toutes les déclarations avec les propriétés individuelles écrites avant au sein d'une même règle.

-
+> **Note :** Cette propriété étant une propriété raccourcie, elle surcharge toutes les déclarations avec les propriétés individuelles écrites avant au sein d'une même règle. -

Syntaxe

+## Syntaxe -
/* Syntaxe avec des mots-clés */
+```css
+/* Syntaxe avec des mots-clés */
 column-rule: dotted;
 column-rule: solid blue;
 column-rule: solid 8px;
@@ -31,72 +30,59 @@ column-rule: thick inset blue;
 column-rule: inherit;
 column-rule: initial;
 column-rule: unset;
-
+``` -

Cette propriété peut être définie avec une, deux ou trois valeurs telles que définies ci-après, dans n'importe quel ordre.

+Cette propriété peut être définie avec une, deux ou trois valeurs telles que définies ci-après, dans n'importe quel ordre. -

Valeurs

+### Valeurs -
-
<'column-rule-width'>
-
Une valeur de longueur (type {{cssxref("<length>")}}) ou l'un des mots-clés thin, medium ou thick. Pour plus de détails, voir {{cssxref("border-width")}}.
-
<'column-rule-style'>
-
Voir {{cssxref("border-style")}} pour les différentes valeurs possibles.
-
<'column-rule-color'>
-
Une valeur de couleur (type {{cssxref("<color>")}}).
-
+- `<'column-rule-width'>` + - : Une valeur de longueur (type {{cssxref("<length>")}}) ou l'un des mots-clés `thin`, `medium` ou `thick`. Pour plus de détails, voir {{cssxref("border-width")}}. +- `<'column-rule-style'>` + - : Voir {{cssxref("border-style")}} pour les différentes valeurs possibles. +- `<'column-rule-color'>` + - : Une valeur de couleur (type {{cssxref("<color>")}}). -

Syntaxe formelle

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

Exemples

+## Exemples -

HTML

+### HTML -
<div id="col_rul">
-  <p> column one </p>
-  <p> column two </p>
-  <p> column three </p>
-</div>
-
+```html +
+

column one

+

column two

+

column three

+
+``` -

CSS

+### CSS -
#col_rul{
+```css
+#col_rul{
   padding: 0.3em;
   background: gold;
   border: groove 2px gold;
   column-rule: inset 2px gold;
   column-count: 3;
 }
-
+``` -

Résultat

+### Résultat -

{{EmbedLiveSample("Exemples")}}

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

Spécifications

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

{{cssinfo}}

+{{cssinfo}} -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

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

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