column-rule-width
Sets rule thickness between columns in multi-column layout. Requires column-rule-style to be visible.
Class Patterns
| Pattern | Example | CSS |
|---|---|---|
| crw{N}px | crw1px | column-rule-width: 1px |
| crw{N}px | crw2px | column-rule-width: 2px |
| crw{N}px | crw4px | column-rule-width: 4px |
Usage Examples
column-rule-width needs column-rule-style for the line to show. Shorthand column-rule is more common.
<!-- 1px divider -->
<div class="cw200px crw1px cg2rem">
<p>A 1px divider is displayed between columns.</p>
<p>column-rule-style must also be specified.</p>
</div>
<!-- Thick divider -->
<div class="cw200px crw4px cg2rem">
<p>A 4px thick divider.</p>
<p>Can be used for newspaper-style layouts.</p>
</div>Tips & Notes
column-rule-style required
Width alone won't show the rule. column-rule-style (solid, dashed, etc.) must be set.