Style columnGap property
- Page précédente columnFill
- Page suivante columnRule
- Retour au niveau supérieur Objet Style HTML DOM
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";
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 |
- Page précédente columnFill
- Page suivante columnRule
- Retour au niveau supérieur Objet Style HTML DOM