From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/fr/web/css/column-count/index.html | 106 +++++++++++++++++++++++++++++++ 1 file changed, 106 insertions(+) create mode 100644 files/fr/web/css/column-count/index.html (limited to 'files/fr/web/css/column-count') diff --git a/files/fr/web/css/column-count/index.html b/files/fr/web/css/column-count/index.html new file mode 100644 index 0000000000..97e3a14f65 --- /dev/null +++ b/files/fr/web/css/column-count/index.html @@ -0,0 +1,106 @@ +--- +title: column-count +slug: Web/CSS/column-count +tags: + - CSS + - Propriété + - Reference +translation_of: Web/CSS/column-count +--- +
{{CSSRef}}
+ +

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

Syntaxe

+ +
/* Valeurs avec un mot-clé */
+column-count: auto;
+
+/* Valeurs numériques */
+/* Type <number> */
+column-count: 3;
+
+/* Valeurs globales */
+column-count: inherit;
+column-count: initial;
+column-count: unset;
+
+ +

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é.
+
+ +

Syntaxe formelle

+ +
{{csssyntax}}
+ +

Exemples

+ +

CSS

+ +
.exemple {
+  border: 10px solid #000000;
+  column-count:3;
+}
+ +

HTML

+ +
<p class="exemple">
+  « 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
+  une vieille femme. Mais alors avoir toujours des
+  leçons à apprendre ! Oh, je n’aimerais pas cela du
+  tout. »
+  « Oh ! Alice, petite folle, » se répondit-elle.
+  « 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

+ +

{{EmbedLiveSample("Exemples","800","300")}}

+ +

Spécifications

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

{{cssinfo}}

+ +

Compatibilité des navigateurs

+ + + +

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

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf