CSS Example: Column-Rule-Color Property
x
<title>Example</title><style>.multicol { background: beige; padding: 10px; /* Safari and Chrome */ column-count: 3; column-rule-width: 2px; column-rule-style: dotted; column-rule-color: coral; /* Firefox */ column-count: 3; column-rule-width: 2px; column-rule-style: dotted; 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-color Example</h3> <p>The CSS column-rule-color property allows you to set the color 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>In this example, the left side provides the code used to render the output in the right side.
Feel free to copy and paste the code into your own project and modify as you wish.
About CSS
CSS stands for Cascading Style Sheets. It's used to add styles to web pages. It's typically added to HTML pages using the <link> tag, so that we can have the CSS in a separate file to the HTML file. However, we also have the option of embedding the CSS in the actual HTML file by using the <style> HTML tag, or by using the style attribute within an individual HTML tag.