From 149319bb8c7b1394a443f0877c3460cd362aa815 Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:58:15 +0200 Subject: move *.html to *.md --- files/fr/web/css/column-rule/index.html | 102 -------------------------------- files/fr/web/css/column-rule/index.md | 102 ++++++++++++++++++++++++++++++++ 2 files changed, 102 insertions(+), 102 deletions(-) delete mode 100644 files/fr/web/css/column-rule/index.html create mode 100644 files/fr/web/css/column-rule/index.md (limited to 'files/fr/web/css/column-rule') diff --git a/files/fr/web/css/column-rule/index.html b/files/fr/web/css/column-rule/index.html deleted file mode 100644 index 9ac19f4c6f..0000000000 --- a/files/fr/web/css/column-rule/index.html +++ /dev/null @@ -1,102 +0,0 @@ ---- -title: column-rule -slug: Web/CSS/column-rule -tags: - - CSS - - Propriété - - Reference -translation_of: Web/CSS/column-rule ---- -
{{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.

- -
{{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).

- -
-

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 avec des mots-clés */
-column-rule: dotted;
-column-rule: solid blue;
-column-rule: solid 8px;
-column-rule: thick inset blue;
-
-/* Valeurs globales */
-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.

- -

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>")}}).
-
- -

Syntaxe formelle

- -{{csssyntax}} - -

Exemples

- -

HTML

- -
<div id="col_rul">
-  <p> column one </p>
-  <p> column two </p>
-  <p> column three </p>
-</div>
-
- -

CSS

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

Résultat

- -

{{EmbedLiveSample("Exemples")}}

- -

Spécifications

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

{{cssinfo}}

- -

Compatibilité des navigateurs

- -

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

diff --git a/files/fr/web/css/column-rule/index.md b/files/fr/web/css/column-rule/index.md new file mode 100644 index 0000000000..9ac19f4c6f --- /dev/null +++ b/files/fr/web/css/column-rule/index.md @@ -0,0 +1,102 @@ +--- +title: column-rule +slug: Web/CSS/column-rule +tags: + - CSS + - Propriété + - Reference +translation_of: Web/CSS/column-rule +--- +
{{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.

+ +
{{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).

+ +
+

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 avec des mots-clés */
+column-rule: dotted;
+column-rule: solid blue;
+column-rule: solid 8px;
+column-rule: thick inset blue;
+
+/* Valeurs globales */
+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.

+ +

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>")}}).
+
+ +

Syntaxe formelle

+ +{{csssyntax}} + +

Exemples

+ +

HTML

+ +
<div id="col_rul">
+  <p> column one </p>
+  <p> column two </p>
+  <p> column three </p>
+</div>
+
+ +

CSS

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

Résultat

+ +

{{EmbedLiveSample("Exemples")}}

+ +

Spécifications

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

{{cssinfo}}

+ +

Compatibilité des navigateurs

+ +

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

-- cgit v1.2.3-54-g00ecf