CSS Column-Gap Property

CSS 1

CSS 2

CSS 3

No No Yes

Description

The ‘column-gap’ property sets the gap between columns. If there is a column rule between columns, it will appear in the middle of the gap.

Syntax

column-gap: [value];

Possible values

  • [length]
  • normal

Initial Value

normal

Applies To

Multi-column elements

Inherited

No

Media

Paged

Example

body {
  column-gap: 1em;
 
column-rule: thin solid black; 
}


View All CSS Properties