This property is used to define columns.
- column-count
- column-width
- columns
column-count–
This property is used to specify the number of columns an element should be divided into. We can set this property to number or auto (default).
Ex:-
div { column-count: 2;}
column-width–
This property is used to specify width for the columns. We can set this property to length or auto (default).
Ex:-
div { column-count: 2; column-width: 100px; } div { column-width: 200px; }columns–
This is shorthand which is used to set column-width and column-count.
Syntax: –
Selector { columns: column-width column-count;}
Ex:-
div { columns: 200px 2;}