Web.QHMIT
.com
Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
Run
<!doctype html> <title>Example</title> <style> .multicol { background: beige; padding: 10px; /* Safari and Chrome */ -webkit-column-count: 3; -webkit-column-rule-width: 2px; -webkit-column-rule-style: dotted; -webkit-column-rule-color: coral; /* Firefox */ -moz-column-count: 3; -moz-column-rule-width: 2px; -moz-column-rule-style: dotted; -moz-column-rule-color: coral; /* CSS3 */ column-count: 3; column-rule-width: 2px; column-rule-style: dotted; column-rule-color: coral; } </style> <div class="multicol"> <h3>Column-rule-style Example</h3> <p>The CSS column-rule-style property allows you to set the style of the column rule between columns on a multi-column layout.</p> <p>The column rule appears as a kind of border that appears in between the columns on a multi-column layout. You can use the column-rule shorthand property to acheive the same result.</p> <p>Try changing the values to see the effect it has on this example.</p> </div>
Preview