Revision 27982 of column-count

  • Revision slug: CSS/column-count
  • Revision title: column-count
  • Revision id: 27982
  • Created:
  • Creator: DBaron
  • Is current revision? No
  • Comment /* Specifications */

Revision Content

{{ CSSMozExtensionRef() }}

Summary

In Mozilla applications, -moz-column-count can be used to set ideal number of columns into which the content of the element will be flowed.

  • {{ Xref_cssinitial() }}: {{ Cssxref("auto") }}
  • Applies to: block-level elements
  • {{ Xref_cssinherited() }}: no
  • Percentages: n/a
  • Media: {{ Xref_cssvisual() }}
  • {{ Xref_csscomputed() }}: specified value

-moz-column-count was one of the proposals leading to the proposed CSS3 {{ Cssxref("column-count") }} property.

Syntax

-moz-column-count: {{ Cssxref("integer", "<integer>") }}</integer> |  auto

Values

<integer>
indicates number of columns into which the content of the element will be flowed.

Examples

.content-box {
  border: 10px solid #000000;
  -moz-column-count:3;
}

Specifications

See also

{{ CSS_Reference:Columns() }}

Revision Source

<p> {{ CSSMozExtensionRef() }}
</p>
<h3 name="Summary"> Summary </h3>
<p>In Mozilla applications, <code>-moz-column-count</code> can be used to set ideal number of columns into which the content of the element will be flowed.
</p>
<ul><li> {{ Xref_cssinitial() }}: {{ Cssxref("auto") }}
</li><li> Applies to: block-level elements </li><li> {{ Xref_cssinherited() }}: no
</li><li> Percentages: n/a
</li><li> Media: {{ Xref_cssvisual() }}
</li><li> {{ Xref_csscomputed() }}: specified value </li></ul>
<p><code>-moz-column-count</code> was one of the proposals leading to the proposed <a href="en/CSS3_Columns">CSS3</a> {{ Cssxref("column-count") }} property.
</p>
<h3 name="Syntax"> Syntax </h3>
<pre class="eval">-moz-column-count: {{ Cssxref("integer", "<integer>") }}</integer> |  auto
</pre>
<h3 name="Values"> Values </h3>
<dl><dt>&lt;integer&gt; </dt><dd>indicates number of columns into which the content of the element will be flowed. </dd></dl>
<h3 name="Examples"> Examples </h3>
<pre class="eval">.content-box {
  border: 10px solid #000000;
  -moz-column-count:3;
}
</pre>
<h3 name="Specifications"> Specifications </h3>
<ul><li><a class="external" href="http://www.w3.org/TR/css3-multicol/#column-count">css3-multicol</a>
</li></ul>
<h3 name="See_also"> See also </h3>
<p>{{ CSS_Reference:Columns() }}
</p>
Revert to this revision