Compare Revisions

column-count

Change Revisions

Revision 27987:

Revision 27987 by kuvik3 on

Revision 27988:

Revision 27988 by teoli on

Title:
column-count
column-count
Slug:
CSS/column-count
CSS/column-count
Tags:
css, "CSS Reference", CSS3, css3-multicol, NeedsMobileBrowserCompatibility
css, "CSS Reference", CSS3, css3-multicol, NeedsMobileBrowserCompatibility
Content:

Revision 27987
Revision 27988
nn7    <h2>
8      Summary
9    </h2>
n8      {{ CSSMozExtensionRef() }}n11      The <code>column-count</code> CSS property describes the nu
 >mber of columns of the element.
9    </p>
10    <h3 name="Summary">
11      Summary
12    </h3>
13    <p>
14      In Mozilla applications like Firefox, the <code>-moz-column
>-count</code> CSS property can be used to set the ideal number of 
> columns into which the content of the element will be flowed. 
n19      <li>Applies to: block-level elementsn16      <li>Applies to: non-replaced block-level elements (except t
 >able elements), table cells, and inline-blocks elements
n27      <li>{{ Xref_csscomputed() }}: specified valuen24      <li>{{ Xref_csscomputed() }}: <a href="/en/CSS/specified_va
 >lue" title="specified value">specified value</a>
nn27    <h2 name="Syntax">
28      Syntax
29    </h2>
30    <pre class="eval">
31column-count: <em>integer</em>     or
32column-count: auto
33</pre>
n31      <code>-moz-column-count</code> was one of the proposals lean35      where :
>ding to the proposed <a href="/en/CSS/CSS3_Columns" title="en/CSS 
>3_Columns">CSS3</a> {{ Cssxref("column-count") }} property. 
n33    <h3 name="Syntax">n
34      Syntax
35    </h3>
36    <pre class="eval">
37-moz-column-count:  &lt;integer&gt; | auto
38</pre>
39    <h3 name="Values">
40      Values
41    </h3>
n43      <dt>n38      <dt style="margin-left: 40px;">
44        {{ Xref_cssinteger() }}39        auto
nn41      <dd style="margin-left: 40px;">
42        Is a keyword indicating that the number of columns should
 > be determined by other CSS properties, like {{ cssxref("column-w
 >idth") }}.
46      <dd>43      </dd>
47        Describes the ideal number of columns into which the cont44      <dt style="margin-left: 40px;">
>ent of the element will be flowed. 
45        <em>integer</em>
46      </dt>
47      <dd style="margin-left: 40px;">
48        Is a strictly positive {{ xref_cssinteger() }} describing
 > the ideal number of columns into which the content of the elemen
 >t will be flowed. If the {{ cssref("column-width") }} is also set
 > to a non-<strong>auto</strong> value, it merely indicates the ma
 >ximum allowed number of columns.
nn51    <p>
52      &nbsp;
53    </p>
50    <h3 name="Examples">54    <h2 name="Examples">
n52    </h3>n56    </h2>
n56  -moz-column-count:3;n60  column-count:3;
n59    <h3 name="Specifications">n63    <h2 name="Specifications">
n61    </h3>n65    </h2>
n67    <h3>n71    <h2>
n69    </h3>n73    </h2>
n137    <h3 name="See_also">n141    <h2 name="See_also">
t139    </h3>t143    </h2>

Back to History