Multiple columns in CSS3

The multiple columns layout allows us to easily add newspaper-style columns to an element. The main properties of

Column count property (column-count)

The column-count CSS3 property describes the number of columns an element may be divided into. This property goes very well with the paragraphs written for an online jou...

Column gap property (column-gap)

The property column-gap provides or specifies the wanted gap between columns in a manner that the same gap is applied between each column.   The values may be expressed i...

Column fill property (column-fill)

The column-fill property controls how content is spread across columns if height is greater than auto.  Syntax: selector {      &...

Column span property (column-span)

The column-span property allows us to define how many columns and element will span across.  Syntax: selector {       ...

Column width property (column-width)

The column-width property sets the width of the columns.  Syntax: selector {           column-width: au...

Column rule property (column-rule)

The column-rule property is a shorthand property for setting all column rules there are. The property itself sets the

Column rule width property (column-rule-width)

The  column-rule-width property sets the width of the rule between columns.  Syntax: selector {        ...

Column rule style property (column-rule-style)

The column-rule-style property sets the style of the rule between columns. This property behaves like bord...

Column rule color property (column-rule-color)

The column-rule-color property sets the color of the rule between columns.  Syntax: selector {         ...