Interface SpaceProps

Types for space related CSS properties

interface SpaceProps {
    m?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    margin?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    marginBlock?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    marginBlockEnd?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    marginBlockStart?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    marginBottom?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    marginEnd?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    marginInline?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    marginInlineEnd?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    marginInlineStart?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    marginLeft?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    marginRight?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    marginStart?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    marginTop?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    marginX?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    marginY?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    mb?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    me?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    ml?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    mr?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    ms?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    mt?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    mx?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    my?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    p?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    padding?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    paddingBlock?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    paddingBlockEnd?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    paddingBlockStart?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    paddingBottom?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    paddingEnd?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    paddingInline?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    paddingInlineEnd?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    paddingInlineStart?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    paddingLeft?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    paddingRight?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    paddingStart?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    paddingTop?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    paddingX?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    paddingY?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    pb?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    pe?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    pl?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    pr?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    ps?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    pt?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    px?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    py?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
}

Hierarchy (view full)

Properties

m? margin? marginBlock? marginBlockEnd? marginBlockStart? marginBottom? marginEnd? marginInline? marginInlineEnd? marginInlineStart? marginLeft? marginRight? marginStart? marginTop? marginX? marginY? mb? me? ml? mr? ms? mt? mx? my? p? padding? paddingBlock? paddingBlockEnd? paddingBlockStart? paddingBottom? paddingEnd? paddingInline? paddingInlineEnd? paddingInlineStart? paddingLeft? paddingRight? paddingStart? paddingTop? paddingX? paddingY? pb? pe? pl? pr? ps? pt? px? py?

Properties

Optional m

m?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Margin on top, left, bottom and right

Optional margin

margin?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Margin on top, left, bottom and right

Optional marginBlock

marginBlock?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Optional marginBlockEnd

marginBlockEnd?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Optional marginBlockStart

marginBlockStart?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Optional marginBottom

marginBottom?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Margin on bottom

Optional marginEnd

marginEnd?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

When direction is ltr, marginEnd is equivalent to marginRight. When direction is rtl, marginEnd is equivalent to marginLeft.

Optional marginInline

marginInline?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Optional marginInlineEnd

marginInlineEnd?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

When direction is ltr, marginInlineEnd is equivalent to marginRight. When direction is rtl, marginInlineEnd is equivalent to marginLeft.

Optional marginInlineStart

marginInlineStart?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

When direction is ltr, marginInlineStart is equivalent to marginLeft. When direction is rtl, marginInlineStart is equivalent to marginRight.

Optional marginLeft

marginLeft?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Margin on left

Optional marginRight

marginRight?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Margin on right

Optional marginStart

marginStart?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

When direction is ltr, marginStart is equivalent to marginLeft. When direction is rtl, marginStart is equivalent to marginRight.

Optional marginTop

marginTop?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Margin on top

Optional marginX

marginX?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Margin on left and right

Optional marginY

marginY?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Margin on top and bottom

Optional mb

mb?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Margin on bottom

Optional me

me?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

When direction is ltr, me is equivalent to marginRight. When direction is rtl, me is equivalent to marginLeft.

Optional ml

ml?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Margin on left

Optional mr

mr?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Margin on right

Optional ms

ms?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

When direction is ltr, ms is equivalent to marginLeft. When direction is rtl, ms is equivalent to marginRight.

Optional mt

mt?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Margin on top

Optional mx

mx?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Margin on left and right

Optional my

my?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Margin on top and bottom

Optional p

p?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Padding on top, left, bottom and right

Optional padding

padding?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Padding on top, left, bottom and right

Optional paddingBlock

paddingBlock?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Optional paddingBlockEnd

paddingBlockEnd?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Optional paddingBlockStart

paddingBlockStart?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Optional paddingBottom

paddingBottom?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Padding on bottom

Optional paddingEnd

paddingEnd?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

When direction is ltr, paddingEnd is equivalent to paddingRight. When direction is rtl, paddingEnd is equivalent to paddingLeft.

Optional paddingInline

paddingInline?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Optional paddingInlineEnd

paddingInlineEnd?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

When direction is ltr, paddingInlineEnd is equivalent to paddingRight. When direction is rtl, paddingInlineEnd is equivalent to paddingLeft.

Optional paddingInlineStart

paddingInlineStart?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

When direction is ltr, paddingInlineStart is equivalent to paddingLeft. When direction is rtl, paddingInlineStart is equivalent to paddingRight.

Optional paddingLeft

paddingLeft?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Padding on left

Optional paddingRight

paddingRight?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Padding on right

Optional paddingStart

paddingStart?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

When direction is ltr, paddingStart is equivalent to paddingLeft. When direction is rtl, paddingStart is equivalent to paddingRight.

Optional paddingTop

paddingTop?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Padding on top

Optional paddingX

paddingX?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Padding on left and right

Optional paddingY

paddingY?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Padding on top and bottom

Optional pb

pb?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Padding on bottom

Optional pe

pe?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

When direction is ltr, pe is equivalent to paddingRight. When direction is rtl, pe is equivalent to paddingLeft.

Optional pl

pl?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Padding on left

Optional pr

pr?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Padding on right

Optional ps

ps?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

When direction is ltr, ps is equivalent to paddingLeft. When direction is rtl, ps is equivalent to paddingRight.

Optional pt

pt?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Padding on top

Optional px

px?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Padding on left and right

Optional py

py?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">

Padding on top and bottom

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc