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: 2px dotted coral; /* Firefox */ -moz-column-count: 3; -moz-column-rule: 2px dotted coral; /* CSS3 */ column-count: 3; column-rule: 2px dotted coral; } </style> <div class="multicol"> <h3>Column-rule Example</h3> <p>The CSS column-rule property is a shorthand property for setting multiple column rule related properties in one place. </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