mozilla

Revision 27923 of column-rule-color

  • Revision slug: CSS/column-rule-color
  • Revision title: column-rule-color
  • Revision id: 27923
  • Created:
  • Creator: kuvik3
  • Is current revision? No
  • Comment page display name changed to 'column-rule-color'

Revision Content

{{ CSSMozExtensionRef() }}{{ gecko_minversion_header("1.9.1") }}

Summary

The -moz-column-rule-color CSS property lets you set the color of the rule drawn between columns in multi-column layouts.

  • {{ Xref_cssinitial() }}: {{ cssxref("color_value", "currentColor") }}
  • Applies to: all elements
  • {{ Xref_cssinherited() }}: no
  • Media: {{ Xref_cssvisual() }}
  • {{ Xref_csscomputed() }}: see {{ cssxref("color") }} property

Syntax

-moz-column-rule-color:  <color>

Values

<color> 
See {{ Xref_csscolorvalue() }} values.

Example

  #header {-moz-column-rule-color:  blue;}

Notes

Specifications

Browser compatibility

Browser Lowest Version Support of
Internet Explorer 10 column-rule-style
Firefox (Gecko) 3.0 (1.9.1) -moz-column-rule-style
Opera 11.1 column-rule-style
Safari (WebKit) 3.0 (522) -webkit-column-rule-style

See also

  • {{ cssxref("-moz-column-rule") }}, {{ cssxref("-moz-column-rule-width") }}, {{ cssxref("-moz-column-rule-style") }}

{{ languages( { "ja": "ja/CSS/-moz-column-rule-color" } ) }}

Revision Source

<p>{{ CSSMozExtensionRef() }}{{ gecko_minversion_header("1.9.1") }}</p>
<h3 name="Summary">Summary</h3>
<p>The<code> -moz-column-rule-color </code>CSS property lets you set the color of the rule drawn between columns in multi-column layouts.</p>
<ul> <li>{{ Xref_cssinitial() }}: {{ cssxref("color_value", "currentColor") }}</li> <li>Applies to: all elements</li> <li>{{ Xref_cssinherited() }}: no</li> <li>Media: {{ Xref_cssvisual() }}</li> <li>{{ Xref_csscomputed() }}: see {{ cssxref("color") }} property</li>
</ul>
<h3 name="Syntax">Syntax</h3>
<pre><code>-moz-column-rule-color:  &lt;color&gt;</code></pre>
<h3 name="Values">Values</h3>
<dl> <dt>&lt;color&gt; </dt> <dd>See {{ Xref_csscolorvalue() }} values.</dd>
</dl>
<h3 name="Examples">Example</h3>
<pre>  #header {<code>-moz-column-rule-color:  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/#column-rule-color" title="http://www.w3.org/TR/css3-multicol/#column-rule-color">CSS 3 Multi-column layout #column-rule-color</a>  Working draft</li>
</ul>
<h3 name="Browser_compatibility">Browser compatibility</h3>
<table class="standard-table"> <tbody> <tr> <th>Browser</th> <th>Lowest Version</th> <th>Support of</th> </tr> <tr> <td>Internet Explorer</td> <td><strong>10</strong></td> <td><code>column-rule-style</code></td> </tr> <tr> <td>Firefox (Gecko)</td> <td><strong>3.0</strong> (1.9.1)</td> <td><code>-moz-column-rule-style</code></td> </tr> <tr> <td>Opera</td> <td><strong>11.1</strong></td> <td><code>column-rule-style</code></td> </tr> <tr> <td>Safari (WebKit)</td> <td><strong>3.0</strong> (522)</td> <td><code>-webkit-column-rule-style</code></td> </tr> </tbody>
</table>
<h3>See also</h3>
<ul> <li>{{ cssxref("-moz-column-rule") }}, {{ cssxref("-moz-column-rule-width") }}, {{ cssxref("-moz-column-rule-style") }}</li>
</ul>
<div class="noinclude">
<p>{{ languages( { "ja": "ja/CSS/-moz-column-rule-color" } ) }}</p>
</div>
Revert to this revision