column-gap

  • Revision slug: CSS/column-gap
  • Revision title: column-gap
  • Revision id: 27960
  • Created:
  • Creator: BijuGC
  • Is current revision? No
  • Comment /* Summary */

Revision Content

{{template.CSSMozExtensionRef()}}

Summary

In Mozilla applications, -moz-column-gap sets the gap between columns for block elements which are specified to display as a multi-column element.

  • {{template.Xref_cssinitial()}}: {{template.Cssxref("normal")}}
  • Applies to: multi-column elements
  • {{template.Xref_cssinherited()}}: no
  • Percentages: n/a
  • Media: {{template.Xref_cssvisual()}}
  • {{template.Xref_csscomputed()}}: specified value

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

Syntax

-moz-column-gap:  {{template.Xref_csslength()}} | normal

Values

<length>
a non-negative value in any of the CSS length units to specify gap between columns.

Examples

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

Specifications

See also

{{wiki.template('CSS_Reference:Columns')}}

Revision Source

<p> 
{{template.CSSMozExtensionRef()}}
</p>
<h3 name="Summary"> Summary </h3>
<p>In Mozilla applications, <code>-moz-column-gap</code> sets the gap between columns for block elements which are specified to display as a multi-column element.
</p>
<ul><li> {{template.Xref_cssinitial()}}: {{template.Cssxref("normal")}}
</li><li> Applies to: multi-column elements 
</li><li> {{template.Xref_cssinherited()}}: no
</li><li> Percentages: n/a
</li><li> Media: {{template.Xref_cssvisual()}}
</li><li> {{template.Xref_csscomputed()}}: specified value 
</li></ul>
<p><code>-moz-column-gap</code> was one of the proposals leading to the proposed <a href="en/CSS3_Columns">CSS3</a> {{template.Cssxref("column-gap")}} property.
</p>
<h3 name="Syntax"> Syntax </h3>
<pre class="eval">-moz-column-gap:  {{template.Xref_csslength()}} | normal
</pre>
<h3 name="Values"> Values </h3>
<dl><dt>&lt;length&gt; 
</dt><dd>a non-negative value in any of the CSS length units to specify gap between columns.
</dd></dl>
<h3 name="Examples"> Examples </h3>
<pre>.content-box {
  border: 10px solid #000000;
  -moz-column-count: 3;
  -moz-column-gap: 20px;
}
</pre>
<h3 name="Specifications"> Specifications </h3>
<ul><li><a class="external" href="http://www.w3.org/TR/css3-multicol/#lsquo2">CSS 3 multicol</a>
</li></ul>
<h3 name="See_also"> See also </h3>
<p>{{wiki.template('CSS_Reference:Columns')}}
</p>
Revert to this revision