Easy Tutorial
❮ Pr List Style Css3 Pr Flex Direction ❯

CSS3 column-gap Property

Example

Specify a gap of 40 pixels between columns:


Browser Support

Property Chrome IE Firefox Safari Opera
column-gap 50.0 <br>4.0 -webkit- 10.0 2.0 -moz- 9.0 <br>3.1 -webkit- 37.0 <br>15.0 -webkit <br>11.1

Property Definition and Usage

The column-gap property specifies the gap between the columns.

Note: If a rule specifies the distance between columns, it will take the average value.

Default value: normal
Inherited: no
Version: CSS3
JavaScript syntax: object.style.columnGap="40px"

Syntax

Value Description
length A specified length that sets the gap between columns
normal Specifies a normal gap between columns. W3C recommends a 1em value

More Examples

Column-count

Column-rule


Related Articles

CSS Tutorial: CSS Multiple Columns

CSS Tutorial: CSS Grid Layout

CSS Reference: row-gap Property

CSS Reference: gap Property

HTML DOM Reference: columnGap Property

❮ Pr List Style Css3 Pr Flex Direction ❯