column-rule

  • Revision slug: CSS/column-rule
  • Revision title: column-rule
  • Revision id: 27931
  • Created:
  • Creator: Sheppy
  • Is current revision? No
  • Comment 48 words added, 266 words removed

Revision Content

{{ CSSRef() }} {{ Fx_minversion_header("3") }}

{{ draft() }}

Summary

The column rule property lets you set the style, width, and color of the rule drawn between columns in multi-column layouts.

  • {{ Xref_cssinitial() }}: {{ Cssxref("none") }}
  • Applies to: all elements
  • {{ Xref_cssinherited() }}: no
  • Media: {{ Xref_cssvisual() }}

Syntax

-moz-column-rule: <border-width> || <border-style> || [<color> | transparent]

Values

<border-width> 
See border-width.
<border-style>
See border-style.
<color> 
See color.
transparent
If specified, indicates that the column rule should be transparent instead of being rendered using a color.

Example

  #header {-moz-column-rule: thick inset blue;}

Notes

Specifications

Browser compatibility

Browser Lowest Version
Internet Explorer N/A
Opera N/A
Safari 3.0

 

Revision Source

<p>{{ CSSRef() }} {{ Fx_minversion_header("3") }}</p>
<p>{{ draft() }}</p>
<h3 name="Summary">Summary</h3>
<p>The column rule property lets you set the style, width, and color of the rule drawn between columns in multi-column layouts.</p>
<ul> <li>{{ Xref_cssinitial() }}: {{ Cssxref("none") }}</li> <li>Applies to: all elements</li> <li>{{ Xref_cssinherited() }}: no</li> <li>Media: {{ Xref_cssvisual() }}</li>
</ul>
<h3 name="Syntax">Syntax</h3>
<p><code>-moz-column-rule: &lt;border-width&gt; || &lt;border-style&gt; || [&lt;color&gt; | transparent]</code></p>
<h3 name="Values">Values</h3>
<dl><dt> <code>&lt;border-width&gt;</code> </dt><dd> See <a class="internal" href="/En/CSS/Border-width" title="En/CSS/Border-width"><code>border-width</code></a>.</dd></dl> <dl><dt> <code>&lt;<span style="font-family: Verdana,Tahoma,sans-serif;">border-style&gt;</span></code></dt><dd> See <a class="internal" href="/En/CSS/Border-style" title="En/CSS/Border-style"><code>border-style</code></a>.<br>
</dd></dl> <dl><dt> <code>&lt;color&gt;</code> </dt><dd> See <a class="internal" href="/En/CSS/Color" title="En/CSS/Color"><code>color</code></a>.<br>
</dd></dl> <dl><dt> <code>transparent</code> <br>
</dt><dd> If specified, indicates that the column rule should be transparent instead of being rendered using a color.<br>
</dd></dl>
<h3 name="Examples">Example</h3>
<pre>  #header {<code>-moz-column-rule: thick inset blue;</code>}
</pre>
<h3 name="Notes">Notes</h3>
<h3 name="Specifications">Specifications</h3>
<ul> <li><a class="external" href="http://www.w3.org/TR/css3-multicol/" title="http://www.w3.org/TR/css3-multicol/">CSS 3 Working Draft</a> </li>
</ul>
<h3 name="Browser_compatibility">Browser compatibility</h3>
<table class="standard-table"> <tbody> <tr> <th>Browser</th> <th>Lowest Version</th> </tr> <tr> <td>Internet Explorer</td> <td>N/A</td> </tr> <tr> <td>Opera</td> <td>N/A</td> </tr> <tr> <td>Safari</td> <td>3.0</td> </tr> </tbody>
</table>
<p> </p>
Revert to this revision