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

+### 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ÉtatCommentaires
{{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