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-count/index.md | 86 +++++++++++++++-------------------
1 file changed, 37 insertions(+), 49 deletions(-)
(limited to 'files/fr/web/css/column-count')
diff --git a/files/fr/web/css/column-count/index.md b/files/fr/web/css/column-count/index.md
index 372e04db1d..20b4a2c367 100644
--- a/files/fr/web/css/column-count/index.md
+++ b/files/fr/web/css/column-count/index.md
@@ -7,52 +7,54 @@ tags:
- Reference
translation_of: Web/CSS/column-count
---
-{{CSSRef}}
+{{CSSRef}}
-La propriété column-count décrit le nombre de colonnes d'un élément lorsqu'on utilise une disposition en colonnes.
+La propriété **`column-count`** décrit le nombre de colonnes d'un élément lorsqu'on utilise une disposition en colonnes.
-{{EmbedInteractiveExample("pages/css/column-count.html")}}
+{{EmbedInteractiveExample("pages/css/column-count.html")}}
-Syntaxe
+## Syntaxe
-/* Valeurs avec un mot-clé */
+```css
+/* Valeurs avec un mot-clé */
column-count: auto;
/* Valeurs numériques */
-/* Type <number> */
+/* Type */
column-count: 3;
/* Valeurs globales */
column-count: inherit;
column-count: initial;
column-count: unset;
-
+```
-Valeurs
+### Valeurs
-
- auto
- - Un mot-clé qui indique que le nombre de colonnes doit être déterminé à partir d'autres propriétés CSS (par exemple à partir de {{cssxref("column-width")}}).
- <number>
- - Un nombre (type {{cssxref("<integer>")}}) strictement positif qui décrit le nombre idéal de colonnes avec lequel répartir le contenu de l'élément. Si la valeur de {{cssxref("column-width")}} n'est pas
auto, cette propriété indique simplement le nombre maximal de colonnes autorisé.
-
+- `auto`
+ - : Un mot-clé qui indique que le nombre de colonnes doit être déterminé à partir d'autres propriétés CSS (par exemple à partir de {{cssxref("column-width")}}).
+- ``
+ - : Un nombre (type {{cssxref("<integer>")}}) strictement positif qui décrit le nombre idéal de colonnes avec lequel répartir le contenu de l'élément. Si la valeur de {{cssxref("column-width")}} n'est pas `auto`, cette propriété indique simplement le nombre maximal de colonnes autorisé.
-
+### Syntaxe formelle
{{csssyntax}}
-Exemples
+## Exemples
-CSS
+### CSS
-.exemple {
+```css
+.exemple {
border: 10px solid #000000;
column-count:3;
-}
+}
+```
-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
@@ -63,40 +65,26 @@ column-count: 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","800","300")}}
+{{EmbedLiveSample("Exemples","800","300")}}
-Spécifications
+## Spécifications
-
-
-
- | Spécification |
- État |
- Commentaires |
-
-
-
-
- | {{SpecName('CSS3 Multicol', '#cc', 'column-count')}} |
- {{Spec2('CSS3 Multicol')}} |
- Définition initiale. |
-
-
-
+| Spécification | État | Commentaires |
+| -------------------------------------------------------------------- | ------------------------------------ | -------------------- |
+| {{SpecName('CSS3 Multicol', '#cc', 'column-count')}} | {{Spec2('CSS3 Multicol')}} | Définition initiale. |
-{{cssinfo}}
+{{cssinfo}}
-Compatibilité des navigateurs
+## Compatibilité des navigateurs
-{{Compat("css.properties.column-count")}}
+{{Compat("css.properties.column-count")}}
-Voir aussi
+## Voir aussi
-
+- [Apprendre - la disposition multi-colonnes](/fr/docs/Learn/CSS/CSS_layout/Multiple-column_Layout)
+- [Les concepts de bases pour la disposition multi-colonnes](/fr/docs/Web/CSS/CSS_Columns/Basic_Concepts_of_Multicol)
--
cgit v1.2.3-54-g00ecf