dom-dsl/com.j0y.joy.dom.dsl/StyleBuilder

StyleBuilder

Mutable builder for a Style block. Each property mirrors a CSS property of the same name; leaving one null omits it (the cascade/UA defaults apply). build assembles the Style.

Several lengths are constrained to Length.Unit.Px by Style's own validation.

Constructors

StyleBuilder

constructor()

Properties

alignItems

var alignItems: <Error class: unknown class>?

CSS align-items.

alignSelf

var alignSelf: <Error class: unknown class>?

CSS align-self.

backgroundColor

var backgroundColor: <Error class: unknown class>?

CSS background-color.

borderColor

var borderColor: <Error class: unknown class>?

CSS border-color.

borderRadius

var borderRadius: <Error class: unknown class>?

CSS border-radius; set via the borderRadius helpers.

borderStyle

var borderStyle: <Error class: unknown class>?

CSS border-style.

borderWidth

var borderWidth: <Error class: unknown class>?

CSS border-width; px only.

bottom

var bottom: <Error class: unknown class>?

CSS bottom inset; px only.

boxSizing

var boxSizing: <Error class: unknown class>?

CSS box-sizing.

color

var color: <Error class: unknown class>?

CSS color (text color).

columnGap

var columnGap: <Error class: unknown class>?

CSS column-gap; px only.

display

var display: <Error class: unknown class>?

CSS display.

flexBasis

var flexBasis: <Error class: unknown class>?

CSS flex-basis; set via flexBasis/flexBasisAuto.

flexDirection

var flexDirection: <Error class: unknown class>?

CSS flex-direction.

flexGrow

var flexGrow: Double?

CSS flex-grow.

flexShrink

var flexShrink: Double?

CSS flex-shrink.

flexWrap

var flexWrap: <Error class: unknown class>?

CSS flex-wrap.

fontFamily

var fontFamily: String?

CSS font-family.

fontSize

var fontSize: <Error class: unknown class>?

CSS font-size; px only.

fontStyle

var fontStyle: <Error class: unknown class>?

CSS font-style.

fontWeight

var fontWeight: <Error class: unknown class>?

CSS font-weight; set via the fontWeight helpers.

gap

var gap: <Error class: unknown class>?

CSS gap; px only.

height

var height: <Error class: unknown class>?

CSS height.

justifyContent

var justifyContent: <Error class: unknown class>?

CSS justify-content.

left

var left: <Error class: unknown class>?

CSS left inset; px only.

letterSpacing

var letterSpacing: <Error class: unknown class>?

CSS letter-spacing; px only.

lineHeight

var lineHeight: Double?

CSS line-height as a unitless multiplier.

margin

var margin: <Error class: unknown class>?

CSS margin; set via the margin helpers.

maxHeight

var maxHeight: <Error class: unknown class>?

CSS max-height; px only.

maxWidth

var maxWidth: <Error class: unknown class>?

CSS max-width; px only.

minHeight

var minHeight: <Error class: unknown class>?

CSS min-height; px only.

minWidth

var minWidth: <Error class: unknown class>?

CSS min-width; px only.

objectFit

var objectFit: <Error class: unknown class>?

CSS object-fit.

objectPosition

var objectPosition: <Error class: unknown class>?

CSS object-position; set via the objectPosition helper.

opacity

var opacity: Double?

CSS opacity, 0.0..1.0.

order

var order: Int?

CSS order.

overflow

var overflow: <Error class: unknown class>?

CSS overflow.

padding

var padding: <Error class: unknown class>?

CSS padding; set via the padding helpers.

position

var position: <Error class: unknown class>?

CSS position.

right

var right: <Error class: unknown class>?

CSS right inset; px only.

rowGap

var rowGap: <Error class: unknown class>?

CSS row-gap; px only.

textAlign

var textAlign: <Error class: unknown class>?

CSS text-align.

textDecoration

var textDecoration: <Error class: unknown class>?

CSS text-decoration.

textOverflow

var textOverflow: <Error class: unknown class>?

CSS text-overflow.

textTransform

var textTransform: <Error class: unknown class>?

CSS text-transform.

top

var top: <Error class: unknown class>?

CSS top inset; px only.

whiteSpace

var whiteSpace: <Error class: unknown class>?

CSS white-space.

width

var width: <Error class: unknown class>?

CSS width.

zIndex

var zIndex: Int?

CSS z-index.

Functions

borderRadius

fun borderRadius(all: <Error class: unknown class>)

Sets borderRadius to a uniform all radius on every corner.

fun borderRadius(topLeft: <Error class: unknown class>? = null, topRight: <Error class: unknown class>? = null, bottomRight: <Error class: unknown class>? = null, bottomLeft: <Error class: unknown class>? = null)

Sets borderRadius to per-corner radii; omitted corners stay null.

build

fun build(): <Error class: unknown class>

Assembles the configured properties into an immutable Style.

flexBasis

fun flexBasis(length: <Error class: unknown class>)

Sets flexBasis to a fixed length (FlexBasis.Value).

flexBasisAuto

fun flexBasisAuto()

Sets flexBasis to auto (FlexBasis.Auto).

fontWeight

fun fontWeight(value: <Error class: unknown class>)

Sets fontWeight to a keyword (e.g. normal, bold) as FontWeight.Keyword.

fun fontWeight(value: Int)

Sets fontWeight to a numeric weight (e.g. 400, 700) as FontWeight.Numeric.

margin

fun margin(all: <Error class: unknown class>)

Sets margin to a uniform all value on every side.

fun margin(vertical: <Error class: unknown class>, horizontal: <Error class: unknown class>)

Sets margin from vertical (top/bottom) and horizontal (left/right) values.

fun margin(top: <Error class: unknown class>, right: <Error class: unknown class>, bottom: <Error class: unknown class>, left: <Error class: unknown class>)

Sets margin to distinct per-side values.

objectPosition

fun objectPosition(horizontal: <Error class: unknown class>, vertical: <Error class: unknown class>)

Sets objectPosition from its horizontal and vertical alignment components.

padding

fun padding(all: <Error class: unknown class>)

Sets padding to a uniform all value on every side.

fun padding(vertical: <Error class: unknown class>, horizontal: <Error class: unknown class>)

Sets padding from vertical (top/bottom) and horizontal (left/right) values.

fun padding(top: <Error class: unknown class>, right: <Error class: unknown class>, bottom: <Error class: unknown class>, left: <Error class: unknown class>)

Sets padding to distinct per-side values.