Class ComputedStyle

Resolved CSS style values for a UI element.

Contains all CSS properties resolved to concrete values after cascade calculation, inheritance, and variable substitution. Values are in points (DPI-independent) unless otherwise noted.

This struct is TypeScript-exposed for use in UICustomElement.

Hierarchy

  • FrameworkObject
    • ComputedStyle

Constructors

constructor

Accessors

alignItemsMode backgroundColor borderColor borderRadiusBottomLeft borderRadiusBottomRight borderRadiusTopLeft borderRadiusTopRight borderWidth columnGap display elementVisibility flexBasis flexDir flexGrow flexShrink flexWrapMode fontFamily fontSize fontWeight height justifyContentMode lineHeight margin maximumHeight maximumWidth minimumHeight minimumWidth opacity overflowX overflowY padding rowGap rsxContentAlignment rsxContentPriority rsxSecondaryColor rsxShape textAlignment textColor textVerticalAlign tintColor width

Constructors

Protectedconstructor

  • new ComputedStyle(isInternalConstructor?): ComputedStyle

  • Parameters

    • OptionalisInternalConstructor: boolean

    Returns ComputedStyle

Accessors

alignItemsMode

backgroundColor

borderColor

borderRadiusBottomLeft

  • get borderRadiusBottomLeft(): number

  • Border radius for bottom-left corner in points.

    Returns number

  • set borderRadiusBottomLeft(value): void

  • Parameters

    • value: number

    Returns void

borderRadiusBottomRight

  • get borderRadiusBottomRight(): number

  • Border radius for bottom-right corner in points.

    Returns number

  • set borderRadiusBottomRight(value): void

  • Parameters

    • value: number

    Returns void

borderRadiusTopLeft

  • get borderRadiusTopLeft(): number

  • Border radius for top-left corner in points.

    Returns number

  • set borderRadiusTopLeft(value): void

  • Parameters

    • value: number

    Returns void

borderRadiusTopRight

  • get borderRadiusTopRight(): number

  • Border radius for top-right corner in points.

    Returns number

  • set borderRadiusTopRight(value): void

  • Parameters

    • value: number

    Returns void

borderWidth

  • get borderWidth(): number

  • Border width in points.

    Returns number

  • set borderWidth(value): void

  • Parameters

    • value: number

    Returns void

columnGap

  • get columnGap(): number

  • Column gap (gap between flex items).

    Returns number

  • set columnGap(value): void

  • Parameters

    • value: number

    Returns void

display

elementVisibility

flexBasis

  • get flexBasis(): number

  • Flex basis in points. Negative = auto.

    Returns number

  • set flexBasis(value): void

  • Parameters

    • value: number

    Returns void

flexDir

flexGrow

  • get flexGrow(): number

  • Flex grow factor.

    Returns number

  • set flexGrow(value): void

  • Parameters

    • value: number

    Returns void

flexShrink

  • get flexShrink(): number

  • Flex shrink factor.

    Returns number

  • set flexShrink(value): void

  • Parameters

    • value: number

    Returns void

flexWrapMode

fontFamily

  • get fontFamily(): string

  • Font family name.

    Returns string

  • set fontFamily(value): void

  • Parameters

    • value: string

    Returns void

fontSize

  • get fontSize(): number

  • Font size in points.

    Returns number

  • set fontSize(value): void

  • Parameters

    • value: number

    Returns void

fontWeight

  • get fontWeight(): number

  • Font weight (100-900, 400=normal, 700=bold).

    Returns number

  • set fontWeight(value): void

  • Parameters

    • value: number

    Returns void

height

  • get height(): number

  • Height in points. Negative = auto.

    Returns number

  • set height(value): void

  • Parameters

    • value: number

    Returns void

justifyContentMode

lineHeight

  • get lineHeight(): number

  • Line height multiplier.

    Returns number

  • set lineHeight(value): void

  • Parameters

    • value: number

    Returns void

margin

maximumHeight

  • get maximumHeight(): number

  • Maximum height in points. Negative = none.

    Returns number

  • set maximumHeight(value): void

  • Parameters

    • value: number

    Returns void

maximumWidth

  • get maximumWidth(): number

  • Maximum width in points. Negative = none.

    Returns number

  • set maximumWidth(value): void

  • Parameters

    • value: number

    Returns void

minimumHeight

  • get minimumHeight(): number

  • Minimum height in points.

    Returns number

  • set minimumHeight(value): void

  • Parameters

    • value: number

    Returns void

minimumWidth

  • get minimumWidth(): number

  • Minimum width in points.

    Returns number

  • set minimumWidth(value): void

  • Parameters

    • value: number

    Returns void

opacity

  • get opacity(): number

  • Opacity (0.0 to 1.0).

    Returns number

  • set opacity(value): void

  • Parameters

    • value: number

    Returns void

overflowX

overflowY

padding

rowGap

  • get rowGap(): number

  • Row gap (gap between flex rows).

    Returns number

  • set rowGap(value): void

  • Parameters

    • value: number

    Returns void

rsxContentAlignment

  • get rsxContentAlignment(): number

  • RSX content alignment.

    Returns number

  • set rsxContentAlignment(value): void

  • Parameters

    • value: number

    Returns void

rsxContentPriority

  • get rsxContentPriority(): number

  • RSX content priority.

    Returns number

  • set rsxContentPriority(value): void

  • Parameters

    • value: number

    Returns void

rsxSecondaryColor

rsxShape

  • get rsxShape(): string

  • RSX shape type for custom rendering.

    Returns string

  • set rsxShape(value): void

  • Parameters

    • value: string

    Returns void

textAlignment

textColor

textVerticalAlign

tintColor

width

  • get width(): number

  • Width in points. Negative = auto.

    Returns number

  • set width(value): void

  • Parameters

    • value: number

    Returns void

Settings

Member Visibility

On This Page

Constructors
Accessors