CSS column-gap property

CSS column-gap

CSS column-gap property is used to specify the gap(spacing) between the columns.

This property was initially used in Multi-column Layout, then it has been moved to the Box Alignment for the use in several contexts layout.

To support column-gap property on different browsers we need to add some prefixes, they are

  • -webkit- : It supports chrome, safari and new version of opera
  • -moz- : It support Firefox.
  • -o- : Old versions of opera.
  • -ms- : Internet explorer.

Example

Try Yourself