Menu Samaritan's Purse

GAP

The gap property 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

LENGTH

NORMAL

PERCENTAGE

JS

INTERNAL

column-gap

row-gap

EXTERNAL

World Wide Web Consortium (W3C)