- 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
Shorthand property to set columns with CSS
Use the columns property to set columns with CSS. You can try to run the following code to implement the columns property:
Example
<!DOCTYPE html>
<html>
<head>
<style>
.demo {
column-rule-color: gray;
columns: 100px 4;
column-rule-style: dashed;
}
</style>
</head>
<body>
<div class = "demo">
This is demo text. This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text. This is demo text.
</div>
</body>
</html>
Published on 23-May-2018 14:52:57
- Related Questions & Answers
- Shorthand property to set the font with CSS
- Shorthand property to set all the animation properties with CSS
- Shorthand property to set the background in CSS
- CSS Animation Shorthand property
- The padding shorthand Property in CSS
- The Background Shorthand Property in CSS
- The outline Shorthand Property in CSS
- The margin Shorthand Property in CSS
- The border Shorthand Property in CSS
- The list-style Shorthand property in CSS
- Change CSS columns property with Animation
- Shorthand CSS property for flex-direction and flex-wrap
- CSS3 Transition Shorthand Property
- CSS grid-template-columns property
- Set the color of the rule between columns with CSS
Advertisements