Style columnGap property

Definition and usage

columnGap This property specifies the gap between columns.

Note :If a column-rule is set between columns, it will be displayed in the middle of the gap.

See also :

CSS3 Tutorial :Colonnes multiples CSS

CSS Reference Manual :property column-gap

Example

Specify the gap between columns as 40 pixels :

document.getElementById("myDIV").style.columnGap = "50px";

Try it yourself

Syntax

Return columnGap property :

object.style.columnGap

Set columnGap property :

object.style.columnGap = "length|normal|initial|inherit"

Attribute value

Value Description
length Set the gap between columns to a specified length.
normal Default value. Specifies the gap between columns as the normal gap. The value recommended by W3C is 1em.
initial Set this property to its default value. See also initial
inherit This property inherits from its parent element. See also inherit

Technical details

Default value : normal
Return value : string indicating the property column-gap
CSS version : CSS3

Support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0