Want to share your CSS expertise with others? Apply to the MDN Fellowship by April 1! http://mzl.la/MDNFellowship

mozilla

Compare Revisions

column-rule

Change Revisions

Revision 27943:

Revision 27943 by Jürgen Jeka on

Revision 27944:

Revision 27944 by Jürgen Jeka on

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

Revision 27943
Revision 27944
n8      {{ CSSMozExtensionRef() }} {{ gecko_minversion_header("1.9.n8      {{ CSSMozExtensionRef() }}{{ gecko_minversion_header("1.9.1
>1") }}>") }}
n10    <h3 name="Summary">n10    <h3>
n14      In multi-column layouts, you can specify a straight line, on14      In multi-column layouts, the <code>-moz-column-rule</code> 
>r "rule", to be drawn between each column. The {{ cssxref("-moz-c>CSS property specifies a straight line, or "rule", to be drawn be
>olumn-rule") }} property is a shorthand property for setting the >tween each column. <code>-moz-column-rule</code> is a convenient 
>individual <code>-moz-column-rule-*</code> properties {{ Cssxref(>shorthand to avoid setting each of the individual <code>-moz-colu
>"-moz-column-rule-width") }}, {{ Cssxref("-moz-column-rule-style">mn-rule-*</code> properties separately:<br>
>) }} and {{ Cssxref("-moz-column-rule-color") }}. 
15      {{ Cssxref("-moz-column-rule-width") }}, {{ Cssxref("-moz-c
 >olumn-rule-style") }} and {{ Cssxref("-moz-column-rule-color") }}
 >.
n26    <h3 name="Syntax">n27    <h3>
n30<code>-moz-column-rule:  &lt;border-width&gt; || &lt;border-stylen31-moz-column-rule:  &lt;border-width&gt; || &lt;border-style&gt; |
>&gt; || &lt;color&gt;</code>>| &lt;color&gt;
n32    <h3 name="Values">n33    <h3>
n43        <em>Optional,</em> default value <code>medium</code> is un44        <em>Optional,</em> default value <code>medium</code> is u
>sed if absent. See <a class="internal" href="/en/CSS/border-width>sed if absent. See {{ cssxref("border-width") }}.
>" title="En/CSS/Border-width"><code>border-width</code></a>. 
n49        <em>Required</em>, default value <code>none</code> is usen50        <em>Required</em>, default value <code>none</code> is use
>d if absent. See <a class="internal" href="/en/CSS/border-style" >d if absent. See {{ cssxref("border-style") }}.
>title="En/CSS/Border-style"><code>border-style</code></a>. 
n55        <em>Optional</em>, see {{ Xref_csscolorvalue() }} value. n56        <em>Optional</em>, see {{ Xref_csscolorvalue() }} value. 
>Default value if absent: The value of the element's <span class=">Default value if absent: {{ cssxref("color_value","currentColor")
>lang lang-en"><code><a href="../../../../en/CSS/color" rel="inter> }}, the value of the element's <span class="lang lang-en"><code>
>nal">color</a></code></span> property (foreground color).><a href="../../../../en/CSS/color" rel="internal">color</a></code
 >></span> property (foreground color).
n58    <h3 name="Examples">n59    <h3>
59      Example60      Examples
nn63p.foo { -moz-column-rule: dotted; }          /* same as "medium d
 >otted currentColor" */
64p.bar { -moz-column-rule: solid blue; }      /* same as "medium s
 >olid blue" */
65p.baz { -moz-column-rule: solid 8px; }       /* same as "8px soli
 >d currentColor" */
62  #header {<code> -moz-column-rule: thick inset blue;</code> }66p.abc {<code> -moz-column-rule: thick inset blue;</code> }
n64    <h3 name="Specifications">n68    <h4>
69      Live Example
70    </h4>
71    <div style="padding:0.3em; background:gold; border:groove 2px
 > gold; -moz-column-rule:inset 2px gold; -moz-column-width:18em; -
 >webkit-columns:18em; -webkit-column-rule:inset 2px gold;">
72      <p>
73        padding:0.3em; background:gold; border:groove 2px gold; <
 >strong>-moz-column-rule: inset 2px gold;</strong> -moz-column-wid
 >th:15em; -webkit-columns:15em; <strong>-webkit-column-rule: inset
 > 2px gold;</strong>
74      </p>
75    </div>
76    <h3>
t72    <h3 name="Browser_compatibility">t84    <h3>

Back to History