Columns property is used to place the content in the vertical columns format. It will place the next columns in the next adjacent side of the current particular columns.
Columns style is used in the newspaper and book. If you want to place the text content or you can use for any property to place the content next to the adjacent right side of the current particular content.You will used the Column Property
The columns have the additional property. Column width, column rule, column gap, column,fill column count etc.,
Syntax:
{
columns:3 150px; /*First Width Second Column Count*/
}Default the column has the two values. Width of the column and the column count. Number columns will display in the screen.CSS
.clum{
-webkit-columns:3 150px;
-moz-columns:3 150px;
columns:3 150px;
}HTML<div> <div class="clum"> <p>Columns property is used to place the content in the vertical columns format</p> </div> <div class="clum"> <p>Columns property is used to place the content in the vertical columns format</p> </div> <div class="clum"> <p>Columns property is used to place the content in the vertical columns format</p> </div> </div>
| Feature | Chrome | Firefox | IE | Opera | Safari | Android | IOS |
|---|---|---|---|---|---|---|---|
| Basic support | All | 1.5+ | 10+ | 11.1+ | 3+ | 2.3+ | 6.1+ |
