mozilla

Compare Revisions

column-rule-width

Change Revisions

Revision 27896:

Revision 27896 by kuvik3 on

Revision 27897:

Revision 27897 by teoli on

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

Revision 27896
Revision 27897
nn7    <h2>
8      Summary
9    </h2>
n8      {{ CSSMozExtensionRef() }}{{ gecko_minversion_header("1.9.1n
>") }} 
9    </p>
10    <h3 name="Summary">
11      Summary
12    </h3>
13    <p>
14      The <code>-moz-column-rule-width</code> CSS property lets y11      The <code>column-rule-width</code> CSS property lets you se
>ou set the width of the rule drawn between columns in multi-colum>t the width of the rule drawn between columns in multi-column lay
>n layouts.>outs.
n19      <li>Applies to: all elementsn16      <li>Applies to: all multi-column elements
n25      <li>{{ Xref_csscomputed() }}: absolute length; <code>0</codn22      <li>{{ Xref_csscomputed() }}: absolute length; <code>0</cod
>e> if the column rule style is <code>none</code> or <code>hidden<>e> if the <a href="/en/CSS/column-rule-style" title="en/CSS/colum
>/code>>n-rule-style">column rule style</a> is <code>none</code> or <code
 >>hidden</code>
n28    <h3 name="Syntax">n25    <h2 name="Syntax">
n30    </h3>n27    </h2>
n32<code>-moz-column-rule-width:  &lt;border-width&gt;</code>n29<code>column-rule-width:  &lt;border-width&gt;</code>
n34    <h3 name="Values">n31    <h2 name="Values">
n36    </h3>n33    </h2>
n45    <h3 name="Examples">n42    <h2 name="Examples">
n47    </h3>n44    </h2>
n49  #header {<code>-moz-column-rule-width: thick;</code>}n46#header {<code>-moz-column-rule-width: thick;</code>}
n51    <h3 name="Specifications">n48    <h2>
n53    </h3>n50    </h2>
54    <ul>
55      <li>
56        <a class="external" href="http://www.w3.org/TR/css3-multi
>col/#column-rule-width%20" title="http://www.w3.org/TR/css3-multi 
>col/#column-rule-width ">CSS 3 Multi-column layout #column-rule-w 
>idth</a> Working draft 
57      </li>
58    </ul>
59    <h3 name="Browser_compatibility">
60      Browser compatibility
61    </h3>
nn52      <thead>
53        <tr style="background-color: rgb(255, 204, 255);">
54          <th scope="col">
55            Specification
56          </th>
57          <th scope="col">
58            Status
59          </th>
60          <th scope="col">
61            Comment
62          </th>
63        </tr>
64      </thead>
n65          <th>n
66            Browser
67          </th>
68          <th>
69            Lowest Version
70          </th>
71          <th>
72            Support of
73          </th>
74        </tr>
75        <tr>
n77            Internet Explorern68            <a class="external" href="http://www.w3.org/TR/css3-m
 >ulticol/#crw" title="http://www.w3.org/TR/css3-multicol/#crw">CSS
 > Multi-column Layout Module Level 3</a>
n80            <strong>10</strong>n71            {{ Spec2('CSS3 Multicol') }}
n83            <code>column-rule-style</code>n74            &nbsp;
84          </td>
85        </tr>
86        <tr>
87          <td>
88            Firefox (Gecko)
89          </td>
90          <td>
91            <strong>3.0</strong> (1.9.1)
92          </td>
93          <td>
94            <code>-moz-column-rule-style</code>
95          </td>
96        </tr>
97        <tr>
98          <td>
99            Opera
100          </td>
101          <td>
102            <strong>11.1</strong>
103          </td>
104          <td>
105            <code>column-rule-style</code>
106          </td>
107        </tr>
108        <tr>
109          <td>
110            Safari (WebKit)
111          </td>
112          <td>
113            <strong>3.0</strong> (522)
114          </td>
115          <td>
116            <code>-webkit-column-rule-style</code>
n121    <h3>n79    <h2>
80      Browser compatibility
81    </h2>
82    <p>
83      {{ CompatibilityTable() }}
84    </p>
85    <div id="compat-desktop">
86      <table class="compat-table">
87        <tbody>
88          <tr>
89            <th>
90              Feature
91            </th>
92            <th>
93              Chrome
94            </th>
95            <th>
96              Firefox (Gecko)
97            </th>
98            <th>
99              Internet Explorer
100            </th>
101            <th>
102              Opera
103            </th>
104            <th>
105              Safari (WebKit)
106            </th>
107          </tr>
108          <tr>
109            <td>
110              Basic support
111            </td>
112            <td>
113              {{ CompatVersionUnknown() }}{{ property_prefix('-we
 >bkit') }}
114            </td>
115            <td>
116              3.5 (1.9.1){{ property_prefix('-moz') }}
117            </td>
118            <td>
119              10
120            </td>
121            <td>
122              11.1
123            </td>
124            <td>
125              3.0 (522){{ property_prefix('-webkit') }}
126            </td>
127          </tr>
128        </tbody>
129      </table>
130    </div>
131    <div id="compat-mobile">
132      <table class="compat-table">
133        <tbody>
134          <tr>
135            <th>
136              Feature
137            </th>
138            <th>
139              Android
140            </th>
141            <th>
142              Firefox Mobile (Gecko)
143            </th>
144            <th>
145              IE&nbsp;Phone
146            </th>
147            <th>
148              Opera Mobile
149            </th>
150            <th>
151              Safari Mobile
152            </th>
153          </tr>
154          <tr>
155            <td>
156              Basic support
157            </td>
158            <td>
159              {{ CompatUnknown() }}
160            </td>
161            <td>
162              {{ CompatVersionUnknown() }}
163            </td>
164            <td>
165              {{ CompatUnknown() }}
166            </td>
167            <td>
168              {{ CompatUnknown() }}
169            </td>
170            <td>
171              {{ CompatUnknown() }}
172            </td>
173          </tr>
174        </tbody>
175      </table>
176      <p>
177        &nbsp;
178      </p>
179    </div>
180    <h2>
n123    </h3>n182    </h2>
t125      <li>{{ cssxref("-moz-column-rule") }}, {{ cssxref("-moz-colt184      <li>
>umn-rule-style") }}, {{ cssxref("-moz-column-rule-color") }} 
185        <a href="/en/CSS_Reference" title="CSS Reference">CSS Ref
 >erence</a>
186      </li>
187      <li>{{ CSS_Reference:Columns() }}

Back to History