

- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
CSS3 Multi-Column column-rule Property
<p>The multi-column column-rule property is used to specify the number of rules.</p><p>You can try to run the following code to implement the column-rule property in CSS3 −</p><h2>Example</h2><p><a class="demo" href="http://tpcg.io/RKivBu" rel="nofollow noopener noreferrer" target="_blank">Live Demo</a></p><pre class="prettyprint notranslate"><html> <head> <style> .multi { /* Column count property */ -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; /* Column gap property */ -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; /* Column style property */ column-rule: 4px solid #ff00ff; } </style> </head> <body> <div class = "multi"> Tutorials Point originated from the idea that there exists a class of readers who respond better to online content and prefer to learn new skills at their own pace from the comforts of their drawing rooms. The journey commenced with a single tutorial on HTML in 2006 and elated by the response it generated, we worked our way to adding fresh tutorials to our repository which now proudly flaunts a wealth of tutorials and allied articles on topics ranging from programming languages to web designing to academics and much more. </div> </body> </html></pre><h2>Output</h2><p><img src="https://www.tutorialspoint.com/assets/questions/media/8435/column-rule.jpg" class="fr-fic fr-dib" width="600" height="146"></p>
- Related Questions & Answers
- CSS3 Multi-Column rule-width Property
- CSS3 Multi-Column rule-style Property
- CSS3 Multi-Column rule-color Property
- CSS3 Multi-Column Property
- CSS3 Multi-Column column-count Property
- CSS3 Multi-Column column-fill Property
- CSS3 Multi-Column column-gap Property
- CSS3 Multi-Column column-span Property
- Animate CSS column-rule property
- Animate CSS column-rule-color property
- Change column-rule-width property with CSS Animations
- Shorthand property for setting all the column-rule-* properties
- Setting Column Gap using CSS3
- Setting Column Rules in CSS3
- CSS3 Multi color Gradients
Advertisements