HomeMenu
Jesus · Bible · HTML · CSS · JS · PHP · SVG · Applications

gap

Description

The gap property for CSS is shorthand for row-gap and column-gap.

Syntax

CSS

gap: value;

JS

object.style.gap = "value";

Values

<'gap'> = <'row-gap'> <'column-gap'>?
<'row-gap'> = normal | <length-percentage>
normal

Represents a value of 1em on multi-column containers and 0px in all other contexts.

<length-percentage> =
    <length> |
    <percentage>
<length>

Specifies the length using a number followed by a unit of measurement.

<percentage>

Specifies the percentage using a number followed by a percent sign (%).

<'column-gap'> = normal | <length-percentage>
normal

Represents a value of 1em on multi-column containers and 0px in all other contexts.

<length-percentage> =
    <length> |
    <percentage>
<length>

Specifies the length using a number followed by a unit of measurement.

<percentage>

Specifies the percentage using a number followed by a percent sign (%).

Initial

normal

Examples

1 · length

2 · normal

3 · percentage

4 · JS