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.


selector { 

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



  • 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


The column-gap property example:


›› go to examples ››