Options
All
  • Public
  • Public/Protected
  • All
Menu

Module StyleTypes

Index

Type aliases

Type aliases

AlignContentKeywords

AlignContentKeywords: "normal" | "stretch" | "center" | "start" | "end" | "flex-start" | "flex-end" | "baseline" | "first baseline" | "last baseline" | "safe center" | "unsafe center" | "space-between" | "space-around" | "space-evenly"

Keywords used for the alignContent style property.

AlignItemsKeywords

AlignItemsKeywords: "normal" | "stretch" | "center" | "start" | "end" | "flex-start" | "flex-end" | "baseline" | "first baseline" | "last baseline" | "safe center" | "unsafe center"

Keywords used for the alignItems style property

AlignSelfKeywords

AlignSelfKeywords: "auto" | "normal" | "stretch" | "center" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | "safe center" | "unsafe center"

Keywords used for the alignSelf style property

AlignmentBaselineKeywords

AlignmentBaselineKeywords: "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "top" | "center" | "bottom"

Keywords used for the alignmentBaseline style property

AnimationDirectionKeywords

AnimationDirectionKeywords: "normal" | "reverse" | "alternate" | "alternate-reverse"

Keywords used for the animationDirection style property.

AnimationFillModeKeywords

AnimationFillModeKeywords: "none" | "forwards" | "backwards" | "both"

Keywords used for the animationFillMode style property

AnimationIterationCount_Single

AnimationIterationCount_Single: "infinite" | CssNumber

Type for animationIterationCount style property

AnimationName_Single

AnimationName_Single: "none" | string | IAnimationRule

Type for animationName style property

AnimationPlayStateKeywords

AnimationPlayStateKeywords: "paused" | "running"

Keywords used for the animationPlayState style property

Animation_Single

Animation_Single: { count?: Extended<AnimationIterationCount_Single>; delay?: Extended<CssTime>; direction?: Extended<AnimationDirectionKeywords>; duration?: Extended<CssTime>; func?: Extended<TimingFunction>; mode?: Extended<AnimationFillModeKeywords>; name?: Extended<AnimationName_Single>; state?: Extended<AnimationPlayStateKeywords> }

Type for single animation. Used by Animation_StyleType style property.

Type declaration

Animation_StyleType

Animation_StyleType: OneOrMany<string | Animation_Single>

Type for animation style property

AppearanceKeywords

AppearanceKeywords: "none" | "auto" | "textfield" | "menulist-button"

Keywords used for the appearance style property

AspectRatio_StyleType

AspectRatio_StyleType: CssAspectRatio | "auto"

Type for aspectRatio style property

AttrTypeKeyword

AttrTypeKeyword: "string" | "color" | "url" | "integer" | "number" | "length" | "angle" | "time" | "frequency"

Type representing keywords used to define a type used in the CSS attr() function.

AttrUnitKeyword

AttrUnitKeyword: PercentUnits | LengthUnits | TimeUnits | AngleUnits | ResolutionUnits | FrequencyUnits

Type representing keywords used to define a unit used in the CSS attr() function.

BackfaceVisibilityMode_StyleType

BackfaceVisibilityMode_StyleType: "visible" | "hidden"

Keywords used for the [[backfaceVisibilityMode]] style property

BackgroundAttachment

BackgroundAttachment: "scroll" | "fixed" | "local"

Keywords used for the backgroundAttachment style property

BackgroundAttachment_StyleType

BackgroundAttachment_StyleType: OneOrMany<BackgroundAttachment>

Type for backgroundAttachment style property

BackgroundClip

BackgroundClip: "border-box" | "padding-box" | "content-box" | "text"

Keywords used for the backgroundClip property

BackgroundClip_StyleType

BackgroundClip_StyleType: OneOrMany<BackgroundClip>

Type for backgroundClip style property

BackgroundImage_StyleType

BackgroundImage_StyleType: "none" | OneOrMany<CssImage>

Type for backgroundImage style property

BackgroundOrigin

BackgroundOrigin: "border-box" | "padding-box" | "content-box" | "text"

Keywords used for the backgroundOrigin property

BackgroundOrigin_StyleType

BackgroundOrigin_StyleType: OneOrMany<BackgroundOrigin>

Type for backgroundOrigin style property

BackgroundRepeat

BackgroundRepeat: "repeat-x" | "repeat-y" | OneOrPair<BackgroundRepeatKeywords>

Type for single background repeat

BackgroundRepeatKeywords

BackgroundRepeatKeywords: "repeat" | "space" | "round" | "no-repeat"

Keywords for single background repeat

BackgroundRepeat_StyleType

BackgroundRepeat_StyleType: OneOrMany<BackgroundRepeat>

Type for backgroundRepeat style property

BackgroundSize

BackgroundSize: "cover" | "contain" | OneOrPair<CssLengthOrAuto>

Type for background size

BackgroundSize_StyleType

BackgroundSize_StyleType: OneOrMany<BackgroundSize>

Type for backgroundSize style property. The background-size style can specify one or more comma-separated sizes, where each size can be a keyword, a length or two lengths. We model this structure the following way:

  • if the value is a string or a number, that's the only value;
  • if the value is an array, then it is a list of several sizes. Each element in this array is either a keyword or a length or an array of two elements. Thus [100,200] will be interpreted as "100px, 200px" and not "100px 200px"; that is, it will define two sizes each with a width instead of one size with both width and height. If you need to specify both width and height you must use array within array - even for a single size: [[100,200]] wll be interpreted as "100px 200px".

Background_Single

Background_Single: string | CssColor | CssImage | { attachment?: Extended<BackgroundAttachment>; clip?: Extended<BackgroundClip>; color?: Extended<CssColor>; image?: Extended<CssImage>; origin?: Extended<BackgroundOrigin>; position?: Extended<CssPosition>; repeat?: Extended<BackgroundRepeat>; size?: Extended<BackgroundSize> }

Type for single background value

Background_StyleType

Background_StyleType: OneOrMany<Background_Single>

Type for background style property

BaselineShift_StyleType

BaselineShift_StyleType: "sub" | "super" | CssLength

Type for baselineShift style property

BlendModeKeywords

BlendModeKeywords: "normal" | "multiply" | "screen" | "overlay" | "darken" | "lighten" | "color-dodge" | "color-burn" | "hard-light" | "soft-light" | "difference" | "exclusion" | "hue" | "saturation" | "color" | "luminosity"

Keywords used for the backgroundBlendMode and mixBlendMode properties

BorderColapse_StyleType

BorderColapse_StyleType: "collapse" | "separate"

Type for borderCollapse style property

BorderColor_StyleType

BorderColor_StyleType: OneOrBox<CssColor>

Type for borderColor style property

BorderImageOutset_StyleType

BorderImageOutset_StyleType: OneOrBox<CssNumber | ILengthProxy>

Type for borderImageOutset style property. It is CssNumber and not CssLength because border-image-outset can be specified as a unitless number.

BorderImageRepeatKeyword

BorderImageRepeatKeyword: "stretch" | "repeat" | "round" | "space"

Type for border-image-repeat keywords

BorderImageRepeat_StyleType

BorderImageRepeat_StyleType: OneOrPair<BorderImageRepeatKeyword>

Type for borderImageRepeat style property

BorderImageSlice_StyleType

BorderImageSlice_StyleType: OneOrBox<CssPercent | "fill"> | [Extended<CssPercent>, Extended<CssPercent>, Extended<CssPercent>, Extended<CssPercent>, "fill"]

Type for borderImageSlice style property

Note: numeric values are treated as is - without appending the percent sign to them.

BorderImageSource_StyleType

BorderImageSource_StyleType: CssImage | "none"

Type for borderImageSource style property

BorderImageWidth_StyleType

BorderImageWidth_StyleType: OneOrBox<CssNumber | ILengthProxy | "auto">

Type for borderImageWidth style property. It is CssNumber and not CssLength because border-image-width can be specified as a unitless number.

BorderImage_Object

BorderImage_Object: { outset?: Extended<BorderImageOutset_StyleType>; repeat?: Extended<BorderImageRepeat_StyleType>; slice?: Extended<BorderImageSlice_StyleType>; source: Extended<BorderImageSource_StyleType>; width?: Extended<BorderImageWidth_StyleType> }

Type for border-image style property expressed as an object.

Type declaration

BorderImage_StyleType

BorderImage_StyleType: CssImage | BorderImage_Object | string

Type for borderImage style property.

BorderSpacing_StyleType

BorderSpacing_StyleType: OneOrPair<CssLength>

Type for borderSpacing style property

BorderStyle

BorderStyle: "none" | "hidden" | "dotted" | "dashed" | "solid" | "double" | "groove" | "ridge" | "inset" | "outset"

Type for single border side style property

BorderStyle_StyleType

BorderStyle_StyleType: OneOrBox<BorderStyle>

Type for borderStyle style property

BorderWidth_StyleType

BorderWidth_StyleType: OneOrBox<LineWidth>

Type for borderWidth style property

Border_StyleType

Border_StyleType: LineWidth | BorderStyle | CssNonNumericColor | [Extended<LineWidth>, Extended<BorderStyle>, Extended<CssColor>?] | [Extended<LineWidth>, Extended<CssColor>, Extended<BorderStyle>?] | [Extended<BorderStyle>, Extended<LineWidth>, Extended<CssColor>?] | [Extended<BorderStyle>, Extended<CssColor>, Extended<LineWidth>?] | [Extended<CssNonNumericColor>, Extended<LineWidth>, Extended<BorderStyle>?] | [Extended<CssNonNumericColor>, Extended<BorderStyle>, Extended<LineWidth>?]

Type for border style property

BoxDecorationBreak_StyleType

BoxDecorationBreak_StyleType: "slice" | "clone"

Type for boxDecorationBreak style property

BoxShadow_Single

BoxShadow_Single: "none" | { blur?: Extended<CssLength>; color?: Extended<CssColor>; inset?: Extended<boolean>; spread?: Extended<CssLength>; x: Extended<CssLength>; y: Extended<CssLength> }

Type for single box shadow.

BoxShadow_StyleType

BoxShadow_StyleType: OneOrMany<string | BoxShadow_Single>

Type for boxShadow style property

BoxSizing_StyleType

BoxSizing_StyleType: "content-box" | "border-box"

Type for boxSizing style property

BreakAfter_StyleType

BreakAfter_StyleType: "auto" | "avoid" | "always" | "all" | "avoid-page" | "page" | "left" | "right" | "recto" | "verso" | "avoid-column" | "column" | "avoid-region" | "region"

Type for breakAfter style property

BreakBefore_StyleType

BreakBefore_StyleType: "auto" | "avoid" | "always" | "all" | "avoid-page" | "page" | "left" | "right" | "recto" | "verso" | "avoid-column" | "column" | "avoid-region" | "region"

Type for breakBefore style property

BreakInside_StyleType

BreakInside_StyleType: "auto" | "avoid" | "avoid-page" | "avoid-column" | "avoid-region"

Type for breakInside style property

CaptionSide_StyleType

CaptionSide_StyleType: "top" | "bottom" | "block-start" | "block-end" | "inline-start" | "inline-end"

Type for captionSide style property

CaretColor_StyleType

CaretColor_StyleType: "auto" | CssColor

Type for caretColor style property

Clear_StyleType

Clear_StyleType: "none" | "left" | "right" | "both" | "inline-start" | "inline-end"

Type for clear style property

ClipPath_StyleType

ClipPath_StyleType: "none" | IUrlFunc | BasicShape | GeometryBoxKeyword | [GeometryBoxKeyword, BasicShape]

Type for clipPath style property

ClipRule_StyleType

ClipRule_StyleType: "nonzero" | "evenodd"

Type for clipRule style property

Clip_StyleType

Clip_StyleType: "auto" | IRectProxy

Type for clip style property

deprecated

The CSS clip property and rect() function are deprecated.

ColorAdjust_StyleType

ColorAdjust_StyleType: "economy" | "exact"

Type for colorAdjust and color-adjust style property

ColorInterpolation_StyleType

ColorInterpolation_StyleType: "auto" | "sRGB" | "linearRGB"

Type for colorInterpolation and color-interpolation-filters style properties

ColorScheme_StyleType

ColorScheme_StyleType: "normal" | OneOrMany<"light" | "dark" | string>

Type for colorScheme style property

ColumnCount_StyleType

ColumnCount_StyleType: "auto" | CssNumber

Type for columnCount style property

ColumnFill_StyleType

ColumnFill_StyleType: "auto" | "balance" | "balance-all"

Type for columnFill style property

ColumnGap_StyleType

ColumnGap_StyleType: "normal" | CssLength

Type for columnGap style property

ColumnSpan_StyleType

ColumnSpan_StyleType: "none" | "all"

Type for columnSpan style property

Columns_StyleType

Columns_StyleType: "auto" | CssNumber | Exclude<CssLength, number> | ["auto" | Extended<CssNumber>, "auto" | Extended<Exclude<CssLength, number>>] | ["auto" | Extended<Exclude<CssLength, number>>, "auto" | Extended<CssNumber>]

Type for columns style property. The value can be provided in one of the following forms and and will be converted to string as follows:

  • number: will be converted to a unitless number - count of columns.

  • ILengthProxy (e.g. px(8)): converted to a number with the proper length units.

  • two variants of two element arrays: one of the elements will be treated as a number of columns while another as the column width.

  • MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/columns

ContainAtomKeyword

ContainAtomKeyword: "size" | "layout" | "style" | "paint"

Keywords that can be combined in the contain style property

ContainSoleKeyword

ContainSoleKeyword: "none" | "strict" | "content"

Keywords that can be only used as a sole value of the contain style property

Contain_StyleType

Contain_StyleType: ContainSoleKeyword | OneOrMany<ContainAtomKeyword>[]

Type for contain style property

ContentItem

ContentItem: "open-quote" | "close-quote" | "no-open-quote" | "no-close-quote" | CssString | CssImage

Type for content style property

ContentVisibility_StyleType

ContentVisibility_StyleType: "auto" | "visible" | "hidden"

Type for contentVisibility style property

Content_StyleType

Content_StyleType: string | "none" | "normal" | OneOrMany<ContentItem>

Type for content style property

CssCounter

CssCounter: "none" | OneOrMany<ICounterRule | string | [ICounterRule | string, Extended<number>]>

Type for counterIncrement, counterReset and counterSet style properties

CursorKeyword

CursorKeyword: "auto" | "default" | "none" | "context-menu" | "help" | "pointer" | "progress" | "wait" | "cell" | "crosshair" | "text" | "vertical-text" | "alias" | "copy" | "move" | "no-drop" | "not-allowed" | "e-resize" | "n-resize" | "ne-resize" | "nw-resize" | "s-resize" | "se-resize" | "sw-resize" | "w-resize" | "ew-resize" | "ns-resize" | "nesw-resize" | "nwse-resize" | "col-resize" | "row-resize" | "all-scroll" | "zoom-in" | "zoom-out" | "grab" | "grabbing"

Type for cursor pre-defined names

Cursor_StyleType

Cursor_StyleType: OneOrMany<CursorKeyword | IUrlFunc | ICursorFunc>

Type for cursor style property

DefaultStyleType

DefaultStyleType: string

Type for style properties for which there is no special type defined.

Display_StyleType

Display_StyleType: "block" | "inline" | "run-in" | "contents" | "none" | "inline-block" | "inline-list-item" | "inline-table" | "inline-flex" | "inline-grid" | "flow" | "flow-root" | "table" | "flex" | "grid" | "ruby" | "table-row-group" | "table-header-group" | "table-footer-group" | "table-row" | "table-cell" | "table-column-group" | "table-column" | "table-caption" | "ruby-base" | "ruby-text" | "ruby-base-container" | "ruby-text-container" | "list-item" | "list-item block" | "list-item inline" | "list-item flow" | "list-item flow-root" | "list-item block flow" | "list-item block flow-root" | "flow list-item block"

Type for display style property

DominantBaseline_StyleType

DominantBaseline_StyleType: "auto" | "text-bottom" | "alphabetic" | "ideographic" | "middle" | "central" | "mathematical" | "hanging" | "text-top"

Type for dominantBaseline style property

EmptyCells_StyleType

EmptyCells_StyleType: "show" | "hide"

Type for emptyCells style property

Filter_StyleType

Filter_StyleType: OneOrMany<IUrlFunc | FilterFuncs>

Type for filter and backdropFilter style property

FlexBasis_StyleType

FlexBasis_StyleType: CssLengthOrAuto | "content" | "fill" | "max-content" | "min-content" | "fit-content"

Type for flexBasis style property

FlexDirection_StyleType

FlexDirection_StyleType: "row" | "row-reverse" | "column" | "column-reverse"

Type for flexDirection style property

FlexFlow_StyleType

FlexFlow_StyleType: FlexDirection_StyleType | FlexWrap_StyleType | [Extended<FlexDirection_StyleType>, Extended<FlexWrap_StyleType>]

Type for flexFlow style property

FlexWrap_StyleType

FlexWrap_StyleType: "nowrap" | "wrap" | "wrap-reverse"

Type for flexWrap style property

Flex_StyleType

Flex_StyleType: FlexBasis_StyleType | [Extended<CssNumber>, Extended<CssNumber>, Extended<FlexBasis_StyleType>]

Type for flex style property

Float_StyleType

Float_StyleType: "left" | "right" | "none" | "inline-start" | "inline-end"

Type for float style property

FontWeight_StyleType

FontWeight_StyleType: FontWeight | "bolder" | "lighter"

Type for fontWeight style property

Font_StyleType

Font_StyleType: SystemFont | [string, CssLength] | [CssLength, string] | { family: Extended<string>; lineHeight?: Extended<CssNumber>; size: Extended<CssLength>; stretch?: Extended<FontStretchKeyword>; style?: Extended<FontStyle>; variant?: Extended<string>; weight?: Extended<FontWeight_StyleType> }

Type for font style property

ForcedColorAdjust_StyleType

ForcedColorAdjust_StyleType: "auto" | "none"

Type for forcedColorAdjust style property

Gap_StyleType

Gap_StyleType: RowGap_StyleType | [RowGap_StyleType, ColumnGap_StyleType]

Type for gap or gridGap style property

GeometryBoxKeyword

GeometryBoxKeyword: "margin-box" | "border-box" | "padding-box" | "content-box" | "fill-box" | "stroke-box" | "view-box"

Type representing the boundaries of a box

GridArea_StyleType

GridArea_StyleType: OneOrBox<GridAxisSide_StyleType>

Type for gridArea style property

GridAutoAxis_StyleType

GridAutoAxis_StyleType: OneOrMany<GridTrackSize>

Type for gridAutoColumns and gridAutoRows style properties

GridAutoFlow_StyleType

GridAutoFlow_StyleType: "row" | "column" | "dense" | "row dense" | "column dense"

Type for gridAutoFlow style property

GridAxisSide_StyleType

GridAxisSide_StyleType: "auto" | GridLineCountOrName | IGridSpanFunc | [Extended<CssNumber>, IGridAreaRule | IGridLineRule]

Type for gridColumnStart, gridColumnEnd, gridRowStart and gridRowEnd style properties

GridAxis_StyleType

GridAxis_StyleType: OneOrPair<GridAxisSide_StyleType>

Type for gridColumn and gridRow style properties

GridLineCountOrName

GridLineCountOrName: CssNumber | IGridAreaRule | IGridLineRule

Type for specifying either number of grid lines or name of grid line or area. This type is used when defining grid-column-start/end and grid-row-start/end style properties.

GridTemplateAreaDefinition

GridTemplateAreaDefinition: [IGridAreaRule | Extended<string>, number, number, number, number]

Type for defining a single grid area position. The numbers are 1-based indices of the lines in the following sequence: block start, inline start, block end, inline end.

GridTemplateAreas_StyleType

GridTemplateAreas_StyleType: "none" | string[] | GridTemplateAreaDefinition[]

Type for gridTemplateAreas style property

GridTemplateAxis_StyleType

GridTemplateAxis_StyleType: "none" | OneOrMany<GridTrack> | "subgrid"

Type for gridTemplateColumns and gridTemplateRows style properties

GridTrack

GridTrack: GridTrackSize | GridTrackLine

Type for a single track element of grid template axis

GridTrackLine

GridTrackLine: (IGridLineRule | Extended<string>)[]

Type for a single template element defining name or names for a grid line in grid template. This is always an array - even if a single name is given.

GridTrackSize

GridTrackSize: CssLengthOrAuto | "min-content" | "max-content" | IFitContentProxy | IMinMaxFunc | IRepeatFunc

Type for a single template element defining track size in grid template

Hyphens_StyleType

Hyphens_StyleType: "none" | "manual" | "auto"

Type for hyphens style property

ImageOrientation_StyleType

ImageOrientation_StyleType: "none" | "from-image"

Type for imageOrientation style property

ImageRendering_StyleType

ImageRendering_StyleType: "auto" | "crisp-edges" | "pixelated"

Type for imageRendering style property

InitialLetter_StyleType

InitialLetter_StyleType: OneOrPair<CssNumber>

Type for initialLetter style property

Isolation_StyleType

Isolation_StyleType: "auto" | "isolate"

Type for isolation style property

JustifyContent_StyleType

JustifyContent_StyleType: "normal" | "space-between" | "space-around" | "space-evenly" | "stretch" | "center" | "start" | "end" | "flex-start" | "flex-end" | "left" | "right" | "safe center" | "safe start" | "safe end" | "safe flex-start" | "safe flex-end" | "safe left" | "safe right" | "unsafe center" | "unsafe start" | "unsafe end" | "unsafe flex-start" | "unsafe flex-end" | "unsafe left" | "unsafe right"

Type for justifyContent style property

JustifyItems_StyleType

JustifyItems_StyleType: "normal" | "stretch" | "baseline" | "first baseline" | "last baseline" | "center" | "start" | "end" | "self-start" | "self-end" | "flex-start" | "flex-end" | "left" | "right" | "safe center" | "safe start" | "safe end" | "safe self-start" | "safe self-end" | "safe flex-start" | "safe flex-end" | "safe left" | "safe right" | "unsafe center" | "unsafe start" | "unsafe end" | "unsafe self-start" | "unsafe self-end" | "unsafe flex-start" | "unsafe flex-end" | "unsafe left" | "unsafe right" | "legacy" | "legacy left" | "legacy right" | "legacy center"

Type for justifyItems style property

JustifySelf_StyleType

JustifySelf_StyleType: "auto" | "normal" | "stretch" | "baseline" | "first baseline" | "last baseline" | "center" | "start" | "end" | "self-start" | "self-end" | "flex-start" | "flex-end" | "left" | "right" | "safe center" | "safe start" | "safe end" | "safe self-start" | "safe self-end" | "safe flex-start" | "safe flex-end" | "safe left" | "safe right" | "unsafe center" | "unsafe start" | "unsafe end" | "unsafe self-start" | "unsafe self-end" | "unsafe flex-start" | "unsafe flex-end" | "unsafe left" | "unsafe right"

Type for justifySelf style property

LetterSpacing_StyleType

LetterSpacing_StyleType: "normal" | CssLength

Type for letterSpacing style property

LineBreak_StyleType

LineBreak_StyleType: "auto" | "loose" | "normal" | "strict" | "anywhere"

Type for lineBreak style property

LineClamp_StyleType

LineClamp_StyleType: "none" | CssNumber | [Extended<CssNumber>, Extended<string>]

Type for lineClamp style property

LineHeight_StyleType

LineHeight_StyleType: CssNumber | ILengthProxy

Type for lineHeight style property

LineWidth

LineWidth: "thin" | "medium" | "thick" | CssLength

Type used for several style properties that allow defining line width as a <length> CSS type as well as keywords such as thin and thick. For example, see the borderWidth property.

ListStyleImage_StyleType

ListStyleImage_StyleType: "none" | IUrlFunc

Type for listStyleImage style property

ListStylePosition_StyleType

ListStylePosition_StyleType: "inside" | "outside"

Type for listStylePosition style property

ListStyleType_StyleType

ListStyleType_StyleType: ICounterStyleRule | "none" | "disc" | "circle" | "square" | "decimal" | "decimal-leading-zero" | "cjk-decimal" | "cjk-earthly-branch" | "cjk-heavenly-stem" | "cjk-ideographic" | "lower-roman" | "upper-roman" | "lower-greek" | "lower-alpha" | "lower-latin" | "upper-alpha" | "upper-latin" | "arabic-indic" | "armenian" | "bengali" | "cambodian" | "devanagari" | "georgian" | "gujarati" | "gurmukhi" | "hebrew" | "hiragana" | "hiragana-iroha" | "japanese-formal" | "japanese-informal" | "kannada" | "katakana" | "katakana-iroha" | "khmer" | "korean-hangul-formal" | "korean-hanja-formal" | "korean-hanja-informal" | "lao" | "lower-armenian" | "malayalam" | "mongolian" | "myanmar" | "oriya" | "persian" | "simp-chinese-formal" | "simp-chinese-informal" | "tamil" | "telugu" | "thai" | "tibetan" | "trad-chinese-formal" | "trad-chinese-informal" | "upper-armenian" | "disclosure-open" | "disclosure-closed"

Type for listStyleType style property

ListStyle_StyleType

ListStyle_StyleType: ListStyleType_StyleType | ListStylePosition_StyleType | ListStyleImage_StyleType | [Extended<ListStyleImage_StyleType>, Extended<ListStylePosition_StyleType>] | [Extended<ListStyleImage_StyleType>, Extended<ListStyleType_StyleType>?] | [Extended<ListStyleType_StyleType>, Extended<ListStylePosition_StyleType>] | [Extended<ListStyleImage_StyleType>, Extended<ListStylePosition_StyleType>, Extended<ListStyleType_StyleType>?]

Type for listStyle style property

MarginTrim_StyleType

MarginTrim_StyleType: "none" | "in-flow" | "all"

Type for the marginTrim style properties

Marker_StyleType

Marker_StyleType: "none" | IIDRule

Type for the markerStart, markerMid and markerEnd style properties

MaskBorderMode_StyleType

MaskBorderMode_StyleType: "luminance" | "alpha"

Type for maskBorderMode style property

MaskBorder_Object

MaskBorder_Object: { mode?: Extended<MaskBorderMode_StyleType>; outset?: Extended<BorderImageOutset_StyleType>; repeat?: Extended<BorderImageRepeat_StyleType>; slice?: Extended<BorderImageSlice_StyleType>; source: Extended<BorderImageSource_StyleType>; width?: Extended<BorderImageWidth_StyleType> }

Type for the maskBorder style properties

Type declaration

MaskBorder_StyleType

MaskBorder_StyleType: CssImage | MaskBorder_Object | string

Type for maskBorder style property.

MaskCompositeKeyword

MaskCompositeKeyword: "add" | "subtract" | "intersect" | "exclude"

Type for the maskComposite style property

MaskModeKeyword

MaskModeKeyword: "alpha" | "luminance" | "match-source"

Type for the maskMode style property

MaskTypeKeyword

MaskTypeKeyword: "alpha" | "luminance"

Type for the maskType style property

MathStyle_StyleType

MathStyle_StyleType: "normal" | "compact"

Type for the mathStyle style property

ObjectFit_StyleType

ObjectFit_StyleType: "fill" | "contain" | "cover" | "none" | "scale-down"

Type for the objectFit style property

OffsetAnchor_StyleType

OffsetAnchor_StyleType: "auto" | CssPosition

Type for the offsetAnchor style property

OffsetPath_StyleType

OffsetPath_StyleType: "none" | IRayFunc | IUrlFunc | BasicShape | GeometryBoxKeyword | [GeometryBoxKeyword, BasicShape]

Type for offsetPath style property

OffsetPosition_StyleType

OffsetPosition_StyleType: "auto" | CssPosition

Type for offsetPosition style property

OffsetRotate_StyleType

OffsetRotate_StyleType: "auto" | "reverse" | CssAngle | ["auto" | "reverse", CssAngle]

Type for the offsetRotate style property

Offset_StyleType

Offset_StyleType: OffsetPath_StyleType | { anchor?: OffsetAnchor_StyleType; distance?: CssLength; path?: OffsetPath_StyleType; position?: CssPosition; rotate?: OffsetRotate_StyleType }

Type for the offset style property

OverflowAnchor_StyleType

OverflowAnchor_StyleType: "auto" | "none"

Type for the overflowAnchor style property

OverflowClipMargin_StyleType

OverflowClipMargin_StyleType: CssLength | "border-box" | "padding-box" | "content-box"

Type for the overflowClipMargin style property

OverflowKeyword

OverflowKeyword: "visible" | "hidden" | "clip" | "scroll" | "auto"

Type for the overflow-x/y style property

OverflowWrap_StyleType

OverflowWrap_StyleType: "normal" | "break-word" | "anywhere"

Type for the overflowWrap style property

Overflow_StyleType

Overflow_StyleType: OneOrPair<OverflowKeyword>

Type for the overflow style property

OverscrollBehavior

OverscrollBehavior: "contain" | "none" | "auto"

Type for the overscrollBehaviorX and overscrollBehaviorY style property

OverscrollBehavior_StyleType

OverscrollBehavior_StyleType: OneOrPair<OverscrollBehavior>

Type for the overscrollBehavior style property

PaintOrderKeyword

PaintOrderKeyword: "fill" | "stroke" | "markers"

Type for the paint-order style property

PaintOrder_StyleType

PaintOrder_StyleType: "normal" | PaintOrderKeyword | [PaintOrderKeyword, PaintOrderKeyword?, PaintOrderKeyword?]

Type for the paintOrder style property

PerspectiveOrigin_StyleType

PerspectiveOrigin_StyleType: HorizontalPositionKeyword | VerticalPositionKeyword | CssLength | [Extended<HorizontalPositionKeyword | CssLength>, Extended<VerticalPositionKeyword | CssLength>]

Type for the perspectiveOrigin style property

Perspective_StyleType

Perspective_StyleType: "none" | CssLength

Type for the perspective style property

PlaceContent_StyleType

PlaceContent_StyleType: AlignContentKeywords | [Extended<AlignContentKeywords>, Extended<JustifyContent_StyleType>]

Type for the placeContent style property

PlaceItems_StyleType

PlaceItems_StyleType: AlignItemsKeywords | [Extended<AlignItemsKeywords>, Extended<JustifyItems_StyleType>]

Type for the placeItems style property

PlaceSelf_StyleType

PlaceSelf_StyleType: AlignSelfKeywords | [Extended<AlignSelfKeywords>, Extended<JustifySelf_StyleType>]

Type for the placeSelf style property

PointerEvents_StyleType

PointerEvents_StyleType: "auto" | "none" | "visiblePainted" | "visibleFill" | "visibleStroke" | "visible" | "painted" | "fill" | "stroke" | "all"

Type for the pointerEvents style property

Position_StyleType

Position_StyleType: "static" | "relative" | "absolute" | "sticky" | "fixed"

Type for the position style property

Quotes_StyleType

Quotes_StyleType: "none" | "auto" | OneOrMany<[Extended<CssString>, Extended<CssString>]>

Type for the quotes style property

Resize_StyleType

Resize_StyleType: "none" | "both" | "horizontal" | "vertical" | "block" | "inline"

Type for the resize style property

Rotate_StyleType

Rotate_StyleType: "none" | CssAngle | ["x" | "y" | "z", Extended<CssAngle>] | [Extended<CssNumber>, Extended<CssNumber>, Extended<CssNumber>, Extended<CssAngle>]

Type for rotate style property

RowGap_StyleType

RowGap_StyleType: CssLength

Type for rowGap style property

Scale_StyleType

Scale_StyleType: "none" | CssNumber | [Extended<CssNumber>, Extended<CssNumber>?, Extended<CssNumber>?]

Type for the scale style property

ScrollBehavior_StyleType

ScrollBehavior_StyleType: "auto" | "smooth"

Type for the scrollBehavior style property

ScrollSnapAlign_StyleType

ScrollSnapAlign_StyleType: OneOrPair<"none" | "start" | "end" | "center">

Type for the scrollSnapAlign style property

ScrollSnapStop_StyleType

ScrollSnapStop_StyleType: "normal" | "always"

Type for the scrollSnapStop style property

ScrollSnapType_StyleType

ScrollSnapType_StyleType: "none" | [Extended<"x" | "y" | "block" | "inline" | "both">, Extended<"mandatory" | "proximity">]

Type for the scrollSnapType style property

ScrollbarColor_StyleType

ScrollbarColor_StyleType: "auto" | "dark" | "light" | [Extended<CssColor>, Extended<CssColor>]

Type for the scrollbarColor style property

ScrollbarGutter_StyleType

ScrollbarGutter_StyleType: "auto" | "stable" | "stable both-edges"

Type for the scrollbarGutter style property

ScrollbarWidth_StyleType

ScrollbarWidth_StyleType: "auto" | "thin" | "none"

Type for the scrollbarWidth style property

ShapeOutside_StyleType

ShapeOutside_StyleType: IUrlFunc | BasicShape | GeometryBoxKeyword | CssImage

Type for shapeOutside style property

ShapeRendering_StyleType

ShapeRendering_StyleType: "auto" | "optimizeSpeed" | "crispEdges" | "geometricPrecision"

Type for the shapeRendering style property

TabSize_StyleType

TabSize_StyleType: CssNumber | ILengthProxy

Type for the tabSize style property

TableLayout_StyleType

TableLayout_StyleType: "auto" | "fixed"

Type for the tableLayout style property

TextAlignLast_StyleType

TextAlignLast_StyleType: "auto" | "start" | "end" | "left" | "right" | "center" | "justify"

Type for the textAlignLast style property

TextAlign_StyleType

TextAlign_StyleType: "start" | "end" | "left" | "right" | "center" | "justify" | "match-parent"

Type for the textAlign style property

TextAnchor_StyleType

TextAnchor_StyleType: "start" | "middle" | "end"

Type for the textAnchor style property

TextCombineUpright_StyleType

TextCombineUpright_StyleType: "none" | "all" | "digits" | number

Type for the textCombineUpright style property

TextDecorationLine_StyleType

TextDecorationLine_StyleType: "none" | "spelling-error" | "grammar-error" | OneOrMany<"underline" | "overline" | "line-through">

Type for the textDecorationLine style property

TextDecorationSkipInk_StyleType

TextDecorationSkipInk_StyleType: "none" | "auto" | "all"

Type for the textDecorationSkipInk style property

TextDecorationStyle_StyleType

TextDecorationStyle_StyleType: "solid" | "double" | "dotted" | "dashed" | "wavy"

Type for the textDecorationStyle style property

TextDecorationThickness_StyleType

TextDecorationThickness_StyleType: "from-font" | CssLengthOrAuto

Type for the textDecorationThickness style property

TextDecoration_StyleType

TextDecoration_StyleType: TextDecorationLine_StyleType | TextDecorationStyle_StyleType | CssColor | TextDecorationThickness_StyleType | { color?: Extended<CssColor>; line?: Extended<TextDecorationLine_StyleType>; style?: Extended<TextDecorationStyle_StyleType>; thickness?: Extended<TextDecorationThickness_StyleType> }

Type for the textDecoration style property. If a number is specified, it will be interpreted as color - not as thickness.

TextEmphasisFill

TextEmphasisFill: "filled" | "open"

Fill option for the text-emphasis-style style property

TextEmphasisPosition_StyleType

TextEmphasisPosition_StyleType: "over left" | "over right" | "under left" | "under right"

Type for the textEmphasisPosition style property

TextEmphasisShape

TextEmphasisShape: "dot" | "circle" | "double-circle" | "triangle" | "sesame" | string

Shape for the text-emphasis-style style property

TextEmphasisStyle_StyleType

TextEmphasisStyle_StyleType: "none" | TextEmphasisFill | TextEmphasisShape | [Extended<TextEmphasisFill>, Extended<TextEmphasisShape>]

Type for the textEmphasisStyle style property

TextEmphasis_StyleType

TextEmphasis_StyleType: TextEmphasisStyle_StyleType | CssColor | [Extended<TextEmphasisStyle_StyleType>, Extended<CssColor>]

Type for the textEmphasis style property

TextIndent_StyleType

TextIndent_StyleType: CssLength | [Extended<CssLength>, OneOrMany<"each-line" | "hanging" | "each-line hanging">]

Type for the textIndent style property

TextJustify_StyleType

TextJustify_StyleType: "auto" | "inter-character" | "inter-word" | "none"

Type for the textJustify style property

TextOrientation_StyleType

TextOrientation_StyleType: "mixed" | "upright" | "sideways"

Type for the textOrientation style property

TextOverflow_StyleType

TextOverflow_StyleType: OneOrPair<"clip" | "ellipsis" | "fade" | string>

Type for the textOverflow style property

TextRendering_StyleType

TextRendering_StyleType: "auto" | "optimizeSpeed" | "optimizeLegibility" | "geometricPrecision"

Type for the textRendering style property

TextShadow

TextShadow: "none" | { blur?: Extended<CssLength>; color?: Extended<CssColor>; x: Extended<CssLength>; y: Extended<CssLength> }

Type for the single value of the tex"t-shadow style property

TextShadow_StyleType

TextShadow_StyleType: OneOrMany<TextShadow>

Type for the textShadow style property

TextSizeAdjust_StyleType

TextSizeAdjust_StyleType: "none" | "auto" | CssPercent

Type for the textSizeAdjust style property

TextStroke_StyleType

TextStroke_StyleType: LineWidth | CssNonNumericColor | [Extended<LineWidth>, Extended<CssColor>] | [Extended<CssNonNumericColor>, LineWidth] | { color: Extended<CssColor>; width: Extended<LineWidth> }

Type for the textStroke style property

TextTransform_StyleType

TextTransform_StyleType: "none" | "capitalize" | "uppercase" | "lowercase" | "full-width" | "full-size-kana"

Type for the textTransform style property

TextUnderlinePosition_StyleType

TextUnderlinePosition_StyleType: "auto" | "under" | "left" | "right" | "auto-pos" | "above" | "below"

Type for the textUnderlinePosition style property

TouchAction_StyleType

TouchAction_StyleType: "auto" | "none" | "manipulation" | "pan-x" | "pan-left" | "pan-right" | "pan-y" | "pan-up" | "pan-down" | "pinch-zoom" | ["pan-x" | "pan-left" | "pan-right", "pan-y" | "pan-up" | "pan-down"] | ["pan-x" | "pan-left" | "pan-right", "pinch-zoom"] | ["pan-y" | "pan-up" | "pan-down", "pinch-zoom"] | ["pan-x" | "pan-left" | "pan-right", "pan-y" | "pan-up" | "pan-down", "pinch-zoom"]

Type for the touchAction style property

TransformBox_StyleType

TransformBox_StyleType: "content-box" | "border-box" | "fill-box" | "stroke-box" | "view-box"

Type for transformBox style property

TransformOrigin_StyleType

TransformOrigin_StyleType: HorizontalPositionKeyword | VerticalPositionKeyword | CssLength | [Extended<HorizontalPositionKeyword | CssLength>, Extended<VerticalPositionKeyword | CssLength>, Extended<CssLength>?]

Type for transformOrigin style property

TransformStyle_StyleType

TransformStyle_StyleType: "flat" | "preserve-3d"

Type for transformStyle style property

Transform_StyleType

Transform_StyleType: "none" | OneOrMany<TransformFuncs>

Type for transform style property

TransitionProperty

TransitionProperty: "none" | "all" | keyof IStyleset | IVarRule

Type for single transitionProperty style property

TransitionProperty_StyleType

TransitionProperty_StyleType: OneOrMany<TransitionProperty>

Type for transitionProperty style property

Transition_Single

Transition_Single: string | { delay?: Extended<CssTime>; duration?: Extended<CssTime>; func?: Extended<TimingFunction>; property?: Extended<TransitionProperty> }

Type for single transition

Transition_StyleType

Transition_StyleType: OneOrMany<Transition_Single>

Type for transition style property

Translate_StyleType

Translate_StyleType: "none" | CssLength | [Extended<CssLength>, Extended<CssLength>, Extended<CssLength>?]

Type for the translate style property

UnicodeBidi_StyleType

UnicodeBidi_StyleType: "normal" | "embed" | "isolate" | "bidi-override" | "isolate-override" | "plaintext"

Type for the unicodeBidi style property

UserSelect_StyleType

UserSelect_StyleType: "auto" | "text" | "none" | "contain" | "all"

Type for the userSelect style property

VectorEffect_StyleType

VectorEffect_StyleType: "none" | "non-scaling-stroke" | "non-scaling-size" | "non-rotation" | "fixed-position"

Type for the vectorEffect style property

VerticalAlign_StyleType

VerticalAlign_StyleType: "baseline" | "sub" | "super" | "text-top" | "text-bottom" | "middle" | "top" | "bottom" | CssLength

Type for the verticalAlign style property

Visibility_StyleType

Visibility_StyleType: "visible" | "hidden" | "collapse"

Type for the visibility style property

WhiteSpace_StyleType

WhiteSpace_StyleType: "normal" | "pre" | "nowrap" | "pre-wrap" | "pre-line" | "break-spaces"

Type for the whiteSpace style property

WillChange_StyleType

WillChange_StyleType: "auto" | OneOrMany<"scroll-position" | "contents" | Exclude<keyof IStyleset, "willChange">>

Type for willChange style property

WordBreak_StyleType

WordBreak_StyleType: "normal" | "break-all" | "keep-all" | "break-word"

Type for the wordBreak style property

WordSpacing_StyleType

WordSpacing_StyleType: "normal" | CssLength

Type for the wordSpacing style property

WritingMode_StyleType

WritingMode_StyleType: "horizontal-tb" | "vertical-rl" | "vertical-lr" | "sideways-rl" | "sideways-lr"

Type for the writingMode style property

ZIndex_StyleType

ZIndex_StyleType: "auto" | CssNumber

Type for the zIndex style property

Zoom_StyleType

Zoom_StyleType: "normal" | "reset" | CssPercent

Type for the zoom style property

deprecated