Easy Tutorial
❮ Met Console Log Prop Email Readonly ❯

columnGap Property

Style Object

Example

Specifies a 40-pixel gap between columns:


Definition and Usage

The columnGap property specifies the gap between the columns.

Note: If a column-rule is set, it will appear in the middle of the gap.


Browser Support

Internet Explorer 10 and Opera support the columnGap property.

Firefox supports an alternative property, MozColumnGap.

Safari and Chrome support an alternative property, WebkitColumnGap.

Note: Internet Explorer 9 and earlier versions do not support the columnGap property.


Syntax

Return the columnGap property:

Set the columnGap property:

Property Values

Value Description
length Sets the gap between columns to the specified length.
normal Default value. Specifies a normal gap between columns. The W3C recommends a value of 1em.
initial Sets this property to its default value. See initial
inherit Inherits this property from its parent element. See inherit

Technical Details

Default value: normal
Return value: String, representing the column-gap property of the element.
--- ---
CSS version CSS3
--- ---

Related Articles

CSS3 Tutorial: CSS3 Multiple Columns

CSS Reference: column-gap Property


Style Object

❮ Met Console Log Prop Email Readonly ❯