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 in length (px, em…) or as keywords: normal, initial, inherit. The value normal is default and suggested by W3C to be at 1em.

Syntax:

selector { 

         column-gap: length | normal | initial | inherit;

}

Values:

  • length; Represents length of the gap between the columns.
  • normal; This, being default value, sets the ga to "normal" or in other words suggested by W3C (1.0em)
  • initialinherit

Example

The column-gap property example:

 

›› go to examples ››