Rosebox

Types

Angle

Type

A type that maps to CSS's <angle> type.

Value constructors:

deg
grad
rad
turn

Calculation

Type

The type of values that are to be computed by the browser (<calc()>)

Value constructors:

cadd
cdiv
cmult
csub

CubicBezierFunction

Type

A type that maps to the cubic-bezier() subset of CSS's <easing-function> .

Value constructors:

bezier

CustomIdent

Type

A type that maps to CSS's <custom-ident> .

Value constructors:

ident

Decibel

Type

A type that maps to CSS's <decibel> type.

Value constructors:

Duration

Type

A type that maps to CSS's <time> type.

Value constructors:

Env

Type

Value constructors:

Gradient

Type

A type that maps to CSS's <gradient> type.

Value constructors:

linGrad
radGrad
repLinGrad
repRadGrad

HEX

Type

A type that maps to CSS's <hex-color>.

Value constructors:

HSL

Type

A type that maps to CSS's <hsl()>.

Value constructors:

HSLA

Type

A type that maps to CSS's <hsla()>.

Value constructors:

hsla

Image

Type

Value constructors:

image

Length

Type

A type that maps to CSS's <length> type.

Value constructors:

ch
cm
em
ex
in
mm
pc
pt
px
q
rem
vh
vmax
vmin
vw

Percentage

Type

A type that maps to CSS's <percentage> type.

Value constructors:

Position

Type

A value of this type defines an (x, y) coordinate.

Value constructors:

RGB

Type

A type that maps to CSS's <rgb()>

Value constructors:

RGBA

Type

A type that maps to CSS's <rgba()>.

Value constructors:

rgba

StepsFunction

Type

A type that maps to the steps() subset of CSS's <easing-function> .

Value constructors:

steps

TransformFunction

Type

A type that maps to CSS's <transform-function> type.

Value constructors:

matrix
matrix3d
perspective
rotate
rotate3d
rotateX
rotateY
rotateZ
scale
scale3d
scaleX
scaleY
scaleZ
skew
skewX
skewY
translate
translate3d
translateX
translateY
translateZ

URI

Type

A type that maps to CSS's <uri> type.

Value constructors:

URL

Type

A type that maps to CSS's <url> type.

Value constructors:

Type aliases

Color

Type alias

typealias Color = HEX | RGB | RGBA | HSL | HSLA | StandaloneColorKeyword | NamedColorKeyword

GlobalCssKeyword

Type alias

typealias GlobalCssKeyword = "inherit" | "initial" | "unset"

ImageValue

Type alias

typealias ImageValue = URI | URL | Gradient | Image

LengthPercentage

Type alias

typealias LengthPercentage = Length | Percentage

LineStyle

Type alias

typealias LineStyle = "none" | "hidden" | "dotted" | "dashed" | "solid" | "double" | "groove" | "ridge" | "inset" | "outset"

LineWidth

Type alias

typealias LineWidth = Length | "thin" | "medium" | "thick"

Width

Type alias

typealias Width = LengthPercentage | "auto"

Value constructors

deg

Value constructor

Constructs a value of type Angle where the unit is deg.

(x: number) => Angle

grad

Value constructor

Constructs a value of type Angle where the unit is grad.

(x: number) => Angle

rad

Value constructor

Constructs a value of type Angle where the unit is rad.

(x: number) => Angle

turn

Value constructor

Constructs a value of type Angle where the unit is turn.

(x: number) => Angle

cadd

Value constructor

(x1: LengthPercentage | Calculation | Env, x2: LengthPercentage | Calculation | Env) => Calculation

cdiv

Value constructor

(x1: LengthPercentage | Calculation | Env, x2: number) => Calculation

cmult

Value constructor

(x1: LengthPercentage | Calculation | Env, x2: number) => Calculation

(x1: number, x2: LengthPercentage | Calculation | Env) => Calculation

csub

Value constructor

(x1: LengthPercentage | Calculation | Env, x2: LengthPercentage | Calculation | Env) => Calculation

bezier

Value constructor

Constructs a value of type CubicBezierFunction.

(x1: number, x2: number, x3: number, x4: number) => CubicBezierFunction

ident

Value constructor

Constructs a value of type CustomIdent.

(x: string) => CustomIdent

Value constructor

Constructs a value of type Decibel.

(x: number) => Decibel

Value constructor

Constructs a value of type Duration<'ms'>

(x: number) => Duration

Value constructor

Constructs a value of type Duration<'s'>

(x: number) => Duration

env

Value constructor

Constructs a value of type Env. This functions maps to CSS's env()

(safeAreaInsetVariable: SafeAreaInsetVariable) => Env

(safeAreaInsetVariable: SafeAreaInsetVariable, x: any) => Env

linGrad

Value constructor

Constructs a value of type Gradient<linear-gradient>. This function maps to CSS's linear-gradient()

(x: LinearGradientParamsObj) => Gradient

radGrad

Value constructor

Constructs a value of type Gradient<radial-gradient>. This function maps to CSS's radial-gradient()

(x: RadialGradientParamsObj) => Gradient

repLinGrad

Value constructor

Constructs a value of type Gradient<repeat-linear-gradient>. This function maps to CSS's repeat-linear-gradient()

(x: LinearGradientParamsObj) => Gradient

repRadGrad

Value constructor

Constructs a value of type Gradient<repeat-radial-gradient>. This function maps to CSS's repeat-radial-gradient()

(x: RadialGradientParamsObj) => Gradient

hex

Value constructor

Constructs a value of type HEX.

(x: string) => HEX

hsl

Value constructor

Constructs a value of type HSL.

(x1: number, x2: Percentage, x3: Percentage) => HSL

hsla

Value constructor

Constructs a value of type HSLA.

(x1: number, x2: Percentage, x3: Percentage, x4: number) => HSLA

image

Value constructor

Constructs a value of type Image where the unit is mm.

(x: ImageParamsObj) => Image

Value constructor

Constructs a value of type Length<'ch'>.

(x: number) => Length

Value constructor

Constructs a value of type Length<'cm'>.

(x: number) => Length

Value constructor

Constructs a value of type Length<'em'>.

(x: number) => Length

Value constructor

Constructs a value of type Length<'ex'>.

(x: number) => Length

Value constructor

Constructs a value of type Length<'in'>.

(x: number) => Length

Value constructor

Constructs a value of type Length<'mm'>.

(x: number) => Length

Value constructor

Constructs a value of type Length<'pc'>.

(x: number) => Length

Value constructor

Constructs a value of type Length<'pt'>.

(x: number) => Length

Value constructor

Constructs a value of type Length<'px'>.

(x: number) => Length

Value constructor

Constructs a value of type Length<'q'>.

(x: number) => Length

rem

Value constructor

Constructs a value of type Length<'rem'>.

(x: number) => Length

Value constructor

Constructs a value of type Length<'vh'>.

(x: number) => Length

vmax

Value constructor

Constructs a value of type Length<'vmax'>.

(x: number) => Length

vmin

Value constructor

Constructs a value of type Length<'vmin'>.

(x: number) => Length

Value constructor

Constructs a value of type Length<'vw'>.

(x: number) => Length

per

Value constructor

Constructs a value of type Percentage.

(x: number) => Percentage

pos

Value constructor

Constructs a value of type Position.

(x: LengthPercentage, y: LengthPercentage) => Position

rgb

Value constructor

Constructs a value of type RGB.

(x1: Percentage, x2: Percentage, x3: Percentage) => RGB

(x1: RGBInteger, x2: RGBInteger, x3: RGBInteger) => RGB

rgba

Value constructor

Constructs a value of type RGBA.

(x1: Percentage, x2: Percentage, x3: Percentage, x4: number) => RGBA

(x1: RGBInteger, x2: RGBInteger, x3: RGBInteger, x4: number) => RGBA

steps

Value constructor

Constructs a value of type StepsFunction.

(num: number, stepPosition: StepPosition) => StepsFunction

matrix

Value constructor

Constructs a value of type TransformFunction<'matrix'>.

(x1: number, x2: number, x3: number, x4: number, x5: number, x6: number) => TransformFunction

matrix3d

Value constructor

Constructs a value of type TransformFunction<'matrix3d'>.

(x1: number, x2: number, x3: number, x4: number, x5: number, x6: number, x7: number, x8: number, x9: number, x10: number, x11: number, x12: number, x13: number, x14: number, x15: number, x16: number) => TransformFunction

perspective

Value constructor

Constructs a value of type TransformFunction<'perspective'>.

(x: Length) => TransformFunction

rotate

Value constructor

Constructs a value of type TransformFunction<'rotate'>.

(x: Angle) => TransformFunction

rotate3d

Value constructor

Constructs a value of type TransformFunction<'rotate3d'>.

(x: number, y: number, z: number, a: Angle) => TransformFunction

rotateX

Value constructor

Constructs a value of type TransformFunction<'rotateX'>.

(x: Angle) => TransformFunction

rotateY

Value constructor

Constructs a value of type TransformFunction<'rotateY'>.

(x: Angle) => TransformFunction

rotateZ

Value constructor

Constructs a value of type TransformFunction<'rotateZ'>.

(x: Angle) => TransformFunction

scale

Value constructor

Constructs a value of type TransformFunction<'scale'>.

(x: number, y: undefined | number) => TransformFunction

scale3d

Value constructor

Constructs a value of type TransformFunction<'scale3d'>.

(x: number, y: number, z: number) => TransformFunction

scaleX

Value constructor

Constructs a value of type TransformFunction<'scaleX'>.

(x: number) => TransformFunction

scaleY

Value constructor

Constructs a value of type TransformFunction<'scaleY'>.

(x: number) => TransformFunction

scaleZ

Value constructor

Constructs a value of type TransformFunction<'scaleZ'>.

(x: number) => TransformFunction

skew

Value constructor

Constructs a value of type TransformFunction<'skew'>.

(x: Angle, y: Angle) => TransformFunction

skewX

Value constructor

Constructs a value of type TransformFunction<'skewX'>.

(x: Angle) => TransformFunction

skewY

Value constructor

Constructs a value of type TransformFunction<'skewY'>.

(x: Angle) => TransformFunction

translate

Value constructor

Constructs a value of type TransformFunction<'translate'>.

(x: LengthPercentage, y: LengthPercentage, z: LengthPercentage) => TransformFunction

translate3d

Value constructor

Constructs a value of type TransformFunction<'translate3d'>.

(x: LengthPercentage, y: LengthPercentage, z: LengthPercentage) => TransformFunction

translateX

Value constructor

Constructs a value of type TransformFunction<'translateX'>.

(x: LengthPercentage) => TransformFunction

translateY

Value constructor

Constructs a value of type TransformFunction<'translateY'>.

(x: LengthPercentage) => TransformFunction

translateZ

Value constructor

Constructs a value of type TransformFunction<'translateZ'>.

(x: LengthPercentage) => TransformFunction

uri

Value constructor

Constructs a value of type URI.

(x: string) => URI

url

Value constructor

Constructs a value of type URL.

(x: string) => URL

Properties

alignContent

Property

Maps to CSS's align-content property

alignContent: "normal" | BaseLinePosition | ContentDistribution | "center" | ["safe", "center"] | ["unsafe", "center"] | "start" | ["safe", "start"] | ["unsafe", "start"] | "end" | ["safe", "end"] | ["unsafe", "end"] | "flex-start" | ["safe", "flex-start"] | ["unsafe", "flex-start"] | "flex-end" | ["safe", "flex-end"] | ["unsafe", "flex-end"] | GlobalCssKeyword

alignItems

Property

Maps to CSS's align-items property

alignItems: "normal" | "stretch" | BaseLinePosition | "center" | ["safe", "center"] | ["unsafe", "center"] | "start" | ["safe", "start"] | ["unsafe", "start"] | "end" | ["safe", "end"] | ["unsafe", "end"] | "self-start" | ["safe", "self-start"] | ["unsafe", "self-start"] | "self-end" | ["safe", "self-end"] | ["unsafe", "self-end"] | "flex-start" | ["safe", "flex-start"] | ["unsafe", "flex-start"] | "flex-end" | ["safe", "flex-end"] | ["unsafe", "flex-end"] | GlobalCssKeyword

alignSelf

Property

Maps to CSS's align-self property

alignSelf: "auto" | "normal" | "stretch" | BaseLinePosition | "center" | ["safe", "center"] | ["unsafe", "center"] | "start" | ["safe", "start"] | ["unsafe", "start"] | "end" | ["safe", "end"] | ["unsafe", "end"] | "flex-start" | ["safe", "flex-start"] | ["unsafe", "flex-start"] | "flex-end" | ["safe", "flex-end"] | ["unsafe", "flex-end"] | "self-start" | ["safe", "self-start"] | ["unsafe", "self-start"] | "self-end" | ["safe", "self-end"] | ["unsafe", "self-end"] | GlobalCssKeyword

animation

Property

Maps to CSS's animation property

animation: Animation | Animation[] | GlobalCssKeyword

animationDelay

Property

Maps to CSS's animation-delay property

animationDelay: Duration | Duration[] | GlobalCssKeyword

animationDirection

Property

Maps to CSS's animation-direction property

animationDirection: GlobalCssKeyword | AnimationDirectionKeyword | AnimationDirectionKeyword[]

animationDuration

Property

Maps to CSS's animation-duration property

animationDuration: Duration | Duration[] | GlobalCssKeyword

animationFillMode

Property

Maps to CSS's animation-fill-mode property

animationFillMode: AnimationFillModeKeyword | AnimationFillModeKeyword[] | GlobalCssKeyword

animationIterationCount

Property

Maps to CSS's animation-iteration-count property

animationIterationCount: "infinit" | number | ("infinit" | number)[] | GlobalCssKeyword

animationName

Property

Maps to CSS's animation-name property

animationName: "none" | KeyFramesName | ("none" | KeyFramesName)[] | GlobalCssKeyword

animationPlayState

Property

Maps to CSS's animation-play-state property

animationPlayState: AnimationPlayStateKeyword | AnimationPlayStateKeyword[] | GlobalCssKeyword

animationTimingFunction

Property

Maps to CSS's animation-timing-function property

animationTimingFunction: TimingFunction | TimingFunction[] | GlobalCssKeyword

backfaceVisibility

Property

Maps to CSS's backface-visibility property

backfaceVisibility: "visible" | "hidden" | GlobalCssKeyword

backgroundAttachment

Property

A RB property that maps to CSS's background-attachment property

backgroundAttachment: "scroll" | "fixed" | "local" | GlobalCssKeyword

backgroundClip

Property

Maps to CSS's background-clip property

backgroundClip: Box | Box[] | GlobalCssKeyword

backgroundOrigin

Property

Maps to CSS's background-origin property

backgroundOrigin: Box | Box[] | GlobalCssKeyword

backgroundRepeat

Property

Maps to CSS's background-repeat property. The implemenation omits single keywords and enforces tuples. To use "repeat-x" use repeat, no-repeat, for "repeat-y" use no-repeat, no-repeat

backgroundRepeat: RepeatStyle | RepeatStyle[] | GlobalCssKeyword

backgroundSize

Property

A RB property that maps to CSS's background-size property

backgroundSize: BackgroundSize | BackgroundSize[] | GlobalCssKeyword

backgroundColor

Property

Maps to CSS's background-color property

backgroundColor: Color | GlobalCssKeyword

backgroundImage

Property

A RB property that maps to CSS's background-image property

backgroundImage: BackgroundImageValue | GlobalCssKeyword

backgroundPosition

Property

A RB property that maps to CSS's background-position property

backgroundPosition: Position | Position[] | GlobalCssKeyword

borderBottomColor

Property

Maps to CSS's border-bottom-color property

borderBottomColor: DoubleBar<BorderWidthValue, 
BorderStyleValue, 
BorderColorValue
> | GlobalCssKeyword | "none"

borderBottom

Property

Maps to CSS's border-bottom property

borderBottom: DoubleBar<BorderWidthValue, 
BorderStyleValue, 
BorderColorValue
> | GlobalCssKeyword | "none"

borderBottomLeftRadius

Property

Maps to CSS's border-bottom-left-radius property

borderBottomLeftRadius: LengthPercentage | [LengthPercentage, LengthPercentage] | GlobalCssKeyword

borderBottomRightRadius

Property

Maps to CSS's border-bottom-right-radius property

borderBottomRightRadius: LengthPercentage | [LengthPercentage, LengthPercentage] | GlobalCssKeyword

borderBottomStyle

Property

Maps to CSS's border-bottom-style property

borderBottomStyle: LineStyle | GlobalCssKeyword

borderBottomWidth

Property

Maps to CSS's border-bottom-width property

borderBottomWidth: LineWidth | GlobalCssKeyword

borderCollapse

Property

Maps to CSS's border-collapse property

borderCollapse: "separate" | "collapse" | GlobalCssKeyword

borderColor

Property

Maps to CSS's border-color property

borderColor: Color | [Color, Color, Color, Color] | GlobalCssKeyword

border

Property

Maps to CSS's border property

border: DoubleBar<BorderWidthValue, 
BorderStyleValue, 
BorderColorValue
> | GlobalCssKeyword | "none"

borderImage

Property

Maps to CSS's border-image property

borderImage: BorderImageObject | GlobalCssKeyword

borderImageOutset

Property

A RB property that maps to CSS's border-image-outset property

borderImageOutset: Length | number | ArrayMin2Max4<Length | number
>
 | GlobalCssKeyword

borderImageRepeat

Property

A RB property that maps to CSS's border-image-repeat property

borderImageRepeat: BorderImageRepeatKeyword | [BorderImageRepeatKeyword, BorderImageRepeatKeyword] | GlobalCssKeyword

borderImageSlice

Property

A RB property that maps to CSS's border-image-slice property

borderImageSlice: PercentageOrNumber | BorderImageSliceObject | BorderImageSliceArray | GlobalCssKeyword

borderImageSource

Property

A RB property that maps to CSS's border-image-source property

borderImageSource: ImageValue | "none" | GlobalCssKeyword

borderImageWidth

Property

A RB property that maps to CSS's border-image-width property

borderImageWidth: Width | ArrayMin2Max4<Width
>
 | GlobalCssKeyword

borderLeftColor

Property

Maps to CSS's border-left-color property

borderLeftColor: DoubleBar<BorderWidthValue, 
BorderStyleValue, 
BorderColorValue
> | GlobalCssKeyword | "none"

borderLeft

Property

Maps to CSS's border-left property

borderLeft: DoubleBar<BorderWidthValue, 
BorderStyleValue, 
BorderColorValue
> | GlobalCssKeyword | "none"

borderLeftStyle

Property

Maps to CSS's border-left-style property

borderLeftStyle: LineStyle | GlobalCssKeyword

borderLeftWidth

Property

Maps to CSS's border-left-width property

borderLeftWidth: LineWidth | GlobalCssKeyword

borderRadius

Property

Maps to CSS's border-radius property

borderRadius: OneRadius | TwoRadii | GlobalCssKeyword

borderRightColor

Property

Maps to CSS's border-right-color property

borderRightColor: DoubleBar<BorderWidthValue, 
BorderStyleValue, 
BorderColorValue
> | GlobalCssKeyword | "none"

borderRight

Property

Maps to CSS's border-right property

borderRight: DoubleBar<BorderWidthValue, 
BorderStyleValue, 
BorderColorValue
> | GlobalCssKeyword | "none"

borderRightStyle

Property

Maps to CSS's border-right-style property

borderRightStyle: LineStyle | GlobalCssKeyword

borderRightWidth

Property

Maps to CSS's border-right-width property

borderRightWidth: LineWidth | GlobalCssKeyword

borderSpacing

Property

Maps to CSS's border-spacing property

borderSpacing: Length | [Length, Length] | GlobalCssKeyword

borderStyle

Property

Maps to CSS's border-style property

borderStyle: LineStyle | [LineStyle, LineStyle, LineStyle, LineStyle] | GlobalCssKeyword

borderTopColor

Property

Maps to CSS's border-top-color property

borderTopColor: DoubleBar<BorderWidthValue, 
BorderStyleValue, 
BorderColorValue
> | GlobalCssKeyword | "none"

borderTop

Property

Maps to CSS's border-top property

borderTop: DoubleBar<BorderWidthValue, 
BorderStyleValue, 
BorderColorValue
> | GlobalCssKeyword | "none"

borderTopLeftRadius

Property

Maps to CSS's border-top-left-radius property

borderTopLeftRadius: LengthPercentage | [LengthPercentage, LengthPercentage] | GlobalCssKeyword

borderTopRightRadius

Property

Maps to CSS's border-top-right-radius property

borderTopRightRadius: LengthPercentage | [LengthPercentage, LengthPercentage] | GlobalCssKeyword

borderTopStyle

Property

Maps to CSS's border-top-style property

borderTopStyle: LineStyle | GlobalCssKeyword

borderTopWidth

Property

Maps to CSS's border-top-width property

borderTopWidth: LineWidth | GlobalCssKeyword

borderWidth

Property

Maps to CSS's border-width property

borderWidth: BorderWidth | GlobalCssKeyword

bottom

Property

Maps to CSS's bottom property

bottom: LengthPercentage | "auto" | Calculation | GlobalCssKeyword

boxShadow

Property

Maps to CSS's box-shadow property

boxShadow: Shadow | Shadow[] | "none" | GlobalCssKeyword

boxSizing

Property

Maps to CSS's box-sizing property

boxSizing: BoxSizing | GlobalCssKeyword

breakAfter

Property

Maps to CSS's break-after property

breakAfter: BreakAfterKeyword | GlobalCssKeyword

breakBefore

Property

Maps to CSS's break-before property

breakBefore: BreakBeforeKeyword | GlobalCssKeyword

breakInside

Property

Maps to CSS's break-inside property

breakInside: BreakInsideKeyword | GlobalCssKeyword

color

Property

Maps to CSS's color property

color: Color | GlobalCssKeyword

cursor

Property

Maps to CSS's cursor property

cursor: Cursor | GlobalCssKeyword

display

Property

Maps to CSS's display property

display: DisplayInsideOutsideDoubleBar | DisplayListItem | DisplayLegacy | DisplayInternal | DisplayBox | GlobalCssKeyword

flexBasis

Property

Maps to CSS's flex-basis property

flexBasis: "content" | Width | GlobalCssKeyword

flex

Property

Maps to CSS's flex property

flex: FlexTuple | FlexObject | GlobalCssKeyword

flexDirection

Property

Maps to CSS's flex-direction property

flexDirection: "row" | "row-reverse" | "column" | "column-reverse" | GlobalCssKeyword

flexGrow

Property

Maps to CSS's flex-grow property

flexGrow: number | GlobalCssKeyword

flexShrink

Property

Maps to CSS's flex-shrink property

flexShrink: number | GlobalCssKeyword

fontFamily

Property

Maps to CSS's font-family property

fontFamily: string | string[]

fontKerning

Property

Maps to CSS's font-kerning property

fontKerning: "auto" | "normal" | "none" | GlobalCssKeyword

fontOpticalSizing

Property

Maps to CSS's font-optical-sizing property

fontOpticalSizing: FontOpticalSizingPropValue

fontSizeAdjust

Property

Maps to CSS's font-size-adjust property

fontSizeAdjust: FontSizeAdjustPropValue

fontSize

Property

Maps to CSS's font-size property

fontSize: RelativeSizeKeyword | AbsoluteSizeKeyword | LengthPercentage | Calculation | GlobalCssKeyword

fontStretch

Property

Maps to CSS's font-stretch property

fontStretch: Percentage | "normal" | "ultra-condensed" | "extra-condensed" | "condensed" | "semi-condensed" | "semi-expanded" | "expanded" | "extra-expanded" | "ultra-expanded" | GlobalCssKeyword

fontStyle

Property

Maps to CSS's font-style property

fontStyle: "normal" | "italic" | "oblique" | GlobalCssKeyword

fontSynthesis

Property

Maps to CSS's font-synthesis property

fontSynthesis: "none" | "weight" | "style" | ["weight", "style"] | ["style", "weight"] | GlobalCssKeyword

fontSynthesisSmallCaps

Property

Maps to CSS's font-synthesis-small-caps property

fontSynthesisSmallCaps: "auto" | "none" | GlobalCssKeyword

fontSynthesisStyle

Property

Maps to CSS's font-synthesis-style property

fontSynthesisStyle: "auto" | "none" | GlobalCssKeyword

fontSynthesisWeight

Property

Maps to CSS's font-synthesis-weight property

fontSynthesisWeight: "auto" | "none" | GlobalCssKeyword

fontVariantCaps

Property

Maps to CSS's font-variant-caps property

fontVariantCaps: "normal" | "small-caps" | "all-small-caps" | "petite-caps" | "all-petite-caps" | "unicase" | "titling-caps" | GlobalCssKeyword

fontVariantEmoji

Property

Maps to CSS's font-variant-emoji property

fontVariantEmoji: "auto" | "text" | "emoji" | "unicode" | GlobalCssKeyword

fontVariantLigatures

Property

Maps to CSS's font-variant-ligatures property

fontVariantLigatures: "normal" | "none" | DoubleBar<CommonLigValues, 
DiscretionaryLigValues, 
HistoricalLigValues, 
ContextualAltValues
> | GlobalCssKeyword

fontVariantNumeric

Property

Maps to CSS's font-variant-numeric property

fontVariantNumeric: "normal" | "ordinal" | "slashed-zero" | NumericFigureValues | NumericSpacingValues | NumericFractionValues | GlobalCssKeyword

fontVariantPosition

Property

Maps to CSS's font-variant-position property

fontVariantPosition: "normal" | "sub" | "super" | GlobalCssKeyword

fontVariationSettings

Property

Maps to CSS's font-variation-settings property

fontVariationSettings: "normal" | [string, number] | [string, number][] | GlobalCssKeyword

fontWeight

Property

Maps to CSS's font-weight property

fontWeight: FontWeight | GlobalCssKeyword

height

Property

Maps to CSS's height property

height: Width | Calculation | GlobalCssKeyword

justifyContent

Property

Maps to CSS's justify-content property

justifyContent: JustifyContentValue | GlobalCssKeyword

justifyItems

Property

Maps to CSS's justify-items property

justifyItems: "normal" | "stretch" | BaseLinePosition | "center" | ["safe", "center"] | ["unsafe", "center"] | "start" | ["safe", "start"] | ["unsafe", "start"] | "end" | ["safe", "end"] | ["unsafe", "end"] | "flex-start" | ["safe", "flex-start"] | ["unsafe", "flex-start"] | "flex-end" | ["safe", "flex-end"] | ["unsafe", "flex-end"] | "self-start" | ["safe", "self-start"] | ["unsafe", "self-start"] | "self-end" | ["safe", "self-end"] | ["unsafe", "self-end"] | "left" | ["safe", "left"] | ["unsafe", "left"] | "right" | ["safe", "right"] | ["unsafe", "right"] | "legacy" | ["legacy", "right"] | ["right", "legacy"] | ["legacy", "left"] | ["left", "legacy"] | ["legacy", "center"] | ["center", "legacy"] | GlobalCssKeyword

left

Property

Maps to CSS's left property

left: LengthPercentage | "auto" | Calculation | GlobalCssKeyword

letterSpacing

Property

Maps to CSS's letter-spacing property

letterSpacing: "normal" | Length | GlobalCssKeyword

lineHeight

Property

Maps to CSS's line-height property

lineHeight: "normal" | number | LengthPercentage | Calculation | GlobalCssKeyword

listStyle

Property

Maps to CSS's list-style property

listStyle: string | string[]

listStyleImage

Property

Maps to CSS's list-style-image property

listStyleImage: ImageValue | "none" | GlobalCssKeyword

listStylePosition

Property

Maps to CSS's list-style-position property

listStylePosition: "inside" | "outside" | GlobalCssKeyword

listStyleType

Property

Maps to CSS's list-style-type property

listStyleType: string

margin

Property

Maps to CSS's margin property

margin: MarginValue | [MarginValue, MarginValue] | [MarginValue, MarginValue, MarginValue] | [MarginValue, MarginValue, MarginValue, MarginValue] | MarginObject | GlobalCssKeyword

marginX

Property

Maps to CSS's margin-left and margin-right properties. If a pair (a tuple of two elements) is provided then the values in it will be mapped to margin-left and margin-right respectively. Otherwise the provided value will be used for both.

marginX: MarginValue | [MarginValue, MarginValue] | GlobalCssKeyword

marginY

Property

Maps to CSS's margin-top and margin-bottom properties. If a pair (a tuple of two elements) is provided then the values in it will be mapped to margin-top and margin-bottom respectively. Otherwise the provided value will be used for both.

marginY: MarginValue | [MarginValue, MarginValue] | GlobalCssKeyword

maxHeight

Property

Maps to CSS's max-height property

maxHeight: LengthPercentage | Calculation | GlobalCssKeyword | "none"

maxWidth

Property

Maps to CSS's max-width property

maxWidth: LengthPercentage | Calculation | GlobalCssKeyword | "none"

minHeight

Property

Maps to CSS's min-height property

minHeight: LengthPercentage | Calculation | GlobalCssKeyword

minWidth

Property

Maps to CSS's min-width property.

minWidth: LengthPercentage | Calculation | GlobalCssKeyword

objectFit

Property

Maps to CSS's object-fit property

objectFit: "fill" | "contain" | "cover" | "none" | "scale" | GlobalCssKeyword

opacity

Property

Maps to CSS's opacity property

opacity: number | Percentage | GlobalCssKeyword

order

Property

Maps to CSS's order property

order: number | GlobalCssKeyword

outlineColor

Property

Maps to CSS's outline-color property

outlineColor: Color | "invert" | GlobalCssKeyword

outline

Property

Maps to CSS's outline property

outline: DoubleBar<Color, 
LineStyle, 
LineWidth
> | GlobalCssKeyword

outlineStyle

Property

Maps to CSS's outline-style property

outlineStyle: LineStyle | GlobalCssKeyword

outlineWidth

Property

Maps to CSS's outline-width property

outlineWidth: Length | "thin" | "medium" | "thick" | GlobalCssKeyword

overflow

Property

Maps to CSS's overflow property

overflow: OverflowKeyword | [OverflowKeyword, OverflowKeyword] | GlobalCssKeyword

paddingBottom

Property

Maps to CSS's padding-bottom property

paddingBottom: PaddingValue | GlobalCssKeyword

padding

Property

Maps to CSS's padding property.

padding: PaddingValue | [PaddingValue, PaddingValue] | [PaddingValue, PaddingValue, PaddingValue] | [PaddingValue, PaddingValue, PaddingValue, PaddingValue] | PaddingObject | GlobalCssKeyword

paddingLeft

Property

Maps to CSS's padding-left property

paddingLeft: PaddingValue | GlobalCssKeyword

paddingRight

Property

Maps to CSS's padding-right property

paddingRight: PaddingValue | GlobalCssKeyword

paddingTop

Property

Maps to CSS's padding-top property

paddingTop: PaddingValue | GlobalCssKeyword

paddingX

Property

Maps to CSS's padding-left and padding-right properties. If a pair (a tuple of two elements) is provided then the values in it will be mapped to padding-left and padding-right respectively. Otherwise if a single value of type LengthPercentage is provided then it will be used for both.

paddingX: PaddingValue | [PaddingValue, PaddingValue] | GlobalCssKeyword

paddingY

Property

Maps to CSS's padding-top and padding-bottom properties. If a pair (a tuple of two elements) is provided then the values in it will be mapped to padding-top and padding-bottom respectively. Otherwise if a single value of type LengthPercentage is provided then it will be used for both.

paddingY: PaddingValue | [PaddingValue, PaddingValue] | GlobalCssKeyword

perspective

Property

Maps to CSS's perspective property

perspective: "none" | Length | Calculation | GlobalCssKeyword

perspectiveOrigin

Property

Maps to CSS's perspective-origin property

perspectiveOrigin: Position | GlobalCssKeyword

position

Property

Maps to CSS's position property

position: "relative" | "absolute" | "static" | "fixed" | "sticky" | GlobalCssKeyword

right

Property

Maps to CSS's right property

right: LengthPercentage | "auto" | Calculation | GlobalCssKeyword

textAlign

Property

Maps to CSS's text-align property

textAlign: "start" | "end" | "left" | "right" | "center" | "justify" | "match-parent" | "justify-all" | GlobalCssKeyword

textEmphasisColor

Property

Maps to CSS's text-emphasis-color property

textEmphasisColor: Color | GlobalCssKeyword

textEmphasisPosition

Property

Maps to CSS's text-emphasis-position property

textEmphasisPosition: "over" | "under" | ["over"] | ["under"] | ["over", "right"] | ["right", "over"] | ["over", "left"] | ["left", "over"] | ["under", "right"] | ["right", "under"] | ["under", "left"] | ["left", "under"] | GlobalCssKeyword

textEmphasisSkip

Property

Maps to CSS's text-emphasis-skip property

textEmphasisSkip: DoubleBar<"spaces", 
"punctuation", 
"symbols", 
"narrow"
> | GlobalCssKeyword

textGroupAlign

Property

Maps to CSS's text-group-align property

textGroupAlign: "none" | "start" | "end" | "left" | "right" | "center" | GlobalCssKeyword

textIndent

Property

Maps to CSS's text-indent property

textIndent: TextIndentValue | GlobalCssKeyword

textJustify

Property

Maps to CSS's text-justify property

textJustify: "auto" | "none" | "inter-word" | "inter-character" | GlobalCssKeyword

textOrientation

Property

Maps to CSS's text-orientation property

textOrientation: "mixed" | "upright" | "sideways" | GlobalCssKeyword

textTransform

Property

Maps to CSS's text-transform property

textTransform: TextTransform | GlobalCssKeyword

textUnderlineOffset

Property

Maps to CSS's text-underline-position property

textUnderlineOffset: LengthPercentage | "auto" | GlobalCssKeyword

textUnderlinePosition

Property

Maps to CSS's text-underline-position property

textUnderlinePosition: TextUnderlinePosition | GlobalCssKeyword

textWrap

Property

Maps to CSS's text-wrap property

textWrap: "wrap" | "nowrap" | "balance" | "stable" | "pretty" | GlobalCssKeyword

top

Property

Maps to CSS's top property

top: LengthPercentage | "auto" | Calculation | GlobalCssKeyword

transformBox

Property

Maps to CSS's transform-box property

transformBox: "content-box" | "border-box" | "fill-box" | "stroke-box" | "view-box" | GlobalCssKeyword

transform

Property

Maps to CSS's transform property

transform: TransformFunction | TransformFunction[] | GlobalCssKeyword | "none"

transformOrigin

Property

Maps to CSS's transform-origin property. If a pair is provided, it represents x-offset and y-offset in order, If a triple is provided it represents x-offset, y-offset and z-offset in order.

transformOrigin: Offset | GlobalCssKeyword

transformStyle

Property

Maps to CSS's transform-style property

transformStyle: "flat" | "preserve-3d" | GlobalCssKeyword

transition

Property

Maps to CSS's transition property

transition: SingleTransitionTuple | SingleTransitionTuple[] | GlobalCssKeyword

transitionDelay

Property

Maps to CSS's transition-delay property

transitionDelay: GlobalCssKeyword | Duration | Duration[]

transitionDuration

Property

Maps to CSS's transition-duration property

transitionDuration: GlobalCssKeyword | Duration | Duration[]

transitionProperty

Property

Maps to CSS's transition-property property

transitionProperty: "none" | "all" | AnimatableProperty | CustomIdent | (AnimatableProperty | CustomIdent)[] | GlobalCssKeyword

transitionTimingFunction

Property

Maps to CSS's transition-timing-function property

transitionTimingFunction: TimingFunction | TimingFunction[]

unicodeBidi

Property

Maps to CSS's unicode-bidi property

unicodeBidi: "normal" | "embed" | "isolate" | "bidi-override" | "isolate-override" | "plaintext" | GlobalCssKeyword

userSelect

Property

Maps to CSS's user-select property

userSelect: "auto" | "text" | "none" | "contain" | "all" | GlobalCssKeyword

verticalAlign

Property

Maps to CSS's vertical-align property

verticalAlign: BaselineSource | AlignmentBaseline | BaselineShift | GlobalCssKeyword

visibility

Property

Maps to CSS's visibility property

visibility: "visible" | "hidden" | "collapse" | GlobalCssKeyword

voiceRate

Property

Maps to CSS's voice-rate property

voiceRate: VoiceRate | GlobalCssKeyword

voiceStress

Property

Maps to CSS's voice-stress property

voiceStress: "normal" | "strong" | "moderate" | "none" | "reduced" | GlobalCssKeyword

voiceVolume

Property

Maps to CSS's voice-volume property

voiceVolume: VoiceVolume | GlobalCssKeyword

volume

Property

Maps to CSS's volume property

volume: Volume | GlobalCssKeyword

whiteSpace

Property

Maps to CSS's white-space property

whiteSpace: "normal" | "pre" | "nowrap" | "pre-wrap" | "pre-line" | GlobalCssKeyword

widows

Property

Maps to CSS's widows property

widows: number | GlobalCssKeyword

width

Property

Maps to CSS's width property

width: Width | Calculation | GlobalCssKeyword

willChange

Property

Maps to CSS's will-change property

willChange: "auto" | AnimateableFeature | AnimateableFeature[] | GlobalCssKeyword

wordSpacing

Property

Maps to CSS's word-spacing property

wordSpacing: "normal" | Length | GlobalCssKeyword

writingMode

Property

Maps to CSS's writing-mode property

writingMode: "horizontal-tb" | "vertical-rl" | "vertical-lr" | "sideways-rl" | "sideways-lr" | GlobalCssKeyword

zIndex

Property

Maps to CSS's z-index property

zIndex: number | "auto" | GlobalCssKeyword

justifySelf

Property

Maps to CSS's justify-self property

justifySelf: "auto" | "normal" | "stretch" | BaseLinePosition | "center" | ["safe", "center"] | ["unsafe", "center"] | "start" | ["safe", "start"] | ["unsafe", "start"] | "end" | ["safe", "end"] | ["unsafe", "end"] | "flex-start" | ["safe", "flex-start"] | ["unsafe", "flex-start"] | "flex-end" | ["safe", "flex-end"] | ["unsafe", "flex-end"] | "self-start" | ["safe", "self-start"] | ["unsafe", "self-start"] | "self-end" | ["safe", "self-end"] | ["unsafe", "self-end"] | "left" | ["safe", "left"] | ["unsafe", "left"] | "right" | ["safe", "right"] | ["unsafe", "right"] | GlobalCssKeyword