Interface PositionProps

Types for position CSS properties

interface PositionProps {
    bottom?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    inset?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    insetBlock?: ResponsiveValue<InsetBlock<0 | string & {}>>;
    insetBlockEnd?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    insetBlockStart?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    insetEnd?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    insetInline?: ResponsiveValue<InsetInline<0 | string & {}>>;
    insetInlineEnd?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    insetInlineStart?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    insetStart?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    insetX?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    insetY?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    left?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    pos?: ResponsiveValue<Position>;
    position?: ResponsiveValue<Position>;
    right?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    top?: ResponsiveValue<number | string & {} | "auto" | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset">;
    zIndex?: ResponsiveValue<ZIndex>;
}

Hierarchy (view full)

Properties

bottom? inset? insetBlock? insetBlockEnd? insetBlockStart? insetEnd? insetInline? insetInlineEnd? insetInlineStart? insetStart? insetX? insetY? left? pos? position? right? top? zIndex?

Properties

Optional bottom

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

The CSS bottom property

Optional inset

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

The CSS left, right, top, bottom property

Optional insetBlock

insetBlock?: ResponsiveValue<InsetBlock<0 | string & {}>>

Optional insetBlockEnd

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

Optional insetBlockStart

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

Optional insetEnd

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

When the direction is ltr, insetEnd is equivalent to right. When the direction is rtl, insetEnd is equivalent to left.

Optional insetInline

insetInline?: ResponsiveValue<InsetInline<0 | string & {}>>

Optional insetInlineEnd

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

When the direction is ltr, insetInlineEnd is equivalent to right. When the direction is rtl, insetInlineEnd is equivalent to left.

Optional insetInlineStart

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

Optional insetStart

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

When the direction is start, end is equivalent to left. When the direction is start, end is equivalent to right.

Optional insetX

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

The CSS left, and right property

Optional insetY

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

The CSS top, and bottom property

Optional left

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

The CSS left property

Optional pos

pos?: ResponsiveValue<Position>

The CSS position property

Optional position

position?: ResponsiveValue<Position>

The CSS position property

Optional right

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

The CSS right property

Optional top

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

The CSS top property

Optional zIndex

zIndex?: ResponsiveValue<ZIndex>

The CSS z-index property

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc