class ~~CSSTextShadow~~(val offsetX: CSSLengthNumericValue, val offsetY: CSSLengthNumericValue, val blurRadius: CSSLengthNumericValue? = null, val color: CSSColorValue? = null) : StylePropertyValue

CSSTimeNumericValue

typealias CSSTimeNumericValue = CSSNumericValue<out CSSUnitTime>

A CSS numeric value representing a time value.

CSSUnitExt

interface CSSUnitExt : CSSUnit

Cursor

sealed interface Cursor : StylePropertyValue

Edge

sealed class Edge

EdgeX

class EdgeX : EdgeXOrCenter

EdgeXOffset

class EdgeXOffset

EdgeXOrCenter

sealed class EdgeXOrCenter : Edge

EdgeY

class EdgeY : EdgeYOrCenter

EdgeYOffset

class EdgeYOffset

EdgeYOrCenter

sealed class EdgeYOrCenter : Edge

Filter

sealed interface Filter : StylePropertyValue

FlexBasis

sealed interface FlexBasis : StylePropertyValue

FontOpticalSizing

sealed interface FontOpticalSizing : StylePropertyValue

FontSize

sealed interface FontSize : CSSStyleValue

FontStyle

sealed interface FontStyle : StylePropertyValue

FontVariantAlternates

sealed interface FontVariantAlternates : StylePropertyValue

FontVariantCaps

sealed interface FontVariantCaps : StylePropertyValue

FontVariantEastAsian

sealed interface FontVariantEastAsian : StylePropertyValue

FontVariantEmoji

sealed interface FontVariantEmoji : StylePropertyValue

FontVariantLigatures

sealed interface FontVariantLigatures : StylePropertyValue

FontVariantNumeric

sealed interface FontVariantNumeric : StylePropertyValue

FontVariantPosition

sealed interface FontVariantPosition : StylePropertyValue

FontVariationSettings

sealed interface FontVariationSettings : StylePropertyValue

FontWeight

sealed interface FontWeight : CSSStyleValue

GridAuto

sealed interface GridAuto : StylePropertyValue

GridBuilder

class GridBuilder : GridBuilderInAuto

A class which allows for a more concise way of declaring a grid.

GridBuilderInAuto

abstract class GridBuilderInAuto

GridDslMarker

@DslMarker

annotation class GridDslMarker

GridEntry

sealed class GridEntry

The base class for all values which can be used to configure a CSS grid's rows or columns.

GridTemplate

sealed interface GridTemplate : StylePropertyValue

Represents all possible values that can be passed into a CSS grid property.

GridTrackBuilder

class GridTrackBuilder : GridTrackBuilderInRepeat

A builder for simplifying the creation of grid track lists.

GridTrackBuilderInRepeat

abstract class GridTrackBuilderInRepeat

Height

sealed interface Height : StylePropertyValue

HueInterpolationMethod

class HueInterpolationMethod : StylePropertyValue

Isolation

sealed interface Isolation : StylePropertyValue

JustifyContent

sealed interface JustifyContent : StylePropertyValue

Kobweb's version of the JustifyContent class, which is more fully featured than the Compose HTML one.

JustifyItems

sealed interface JustifyItems : StylePropertyValue

Kobweb's version of the JustifyItems class, which is more fully featured than the Compose HTML one.

JustifySelf

sealed interface JustifySelf : StylePropertyValue

Kobweb's version of the JustifySelf class, which is more fully featured than the Compose HTML one.

Left

typealias Left = CSSElementPosition

LineHeight

sealed interface LineHeight : StylePropertyValue

ListStyle

sealed interface ListStyle : StylePropertyValue

ListStyleImage

typealias ListStyleImage = CSSImage

ListStylePosition

sealed interface ListStylePosition : StylePropertyValue

ListStyleType

sealed interface ListStyleType : StylePropertyValue

MaxHeight

sealed interface MaxHeight : StylePropertyValue

MaxWidth

sealed interface MaxWidth : StylePropertyValue

MinHeight

sealed interface MinHeight : StylePropertyValue

MinWidth

sealed interface MinWidth : StylePropertyValue

MixBlendMode

sealed interface MixBlendMode : StylePropertyValue

ObjectFit

sealed interface ObjectFit : StylePropertyValue

Outline

sealed interface Outline : StylePropertyValue

OutlineWidth

sealed interface OutlineWidth : StylePropertyValue

Overflow

sealed interface Overflow : StylePropertyValue

OverflowBlock

sealed interface OverflowBlock : StylePropertyValue

OverflowInline

sealed interface OverflowInline : StylePropertyValue

OverflowWrap

sealed interface OverflowWrap : StylePropertyValue

OverscrollBehavior

sealed interface OverscrollBehavior : StylePropertyValue

OverscrollBehaviorBlock

sealed interface OverscrollBehaviorBlock : StylePropertyValue

OverscrollBehaviorInline

sealed interface OverscrollBehaviorInline : StylePropertyValue

PointerEvents

sealed interface PointerEvents : StylePropertyValue

Resize

sealed interface Resize : StylePropertyValue

Right

typealias Right = CSSElementPosition

RubyPosition

sealed interface RubyPosition : StylePropertyValue

ScrollbarWidth

sealed interface ScrollbarWidth : StylePropertyValue

ScrollBehavior

sealed interface ScrollBehavior : StylePropertyValue

ScrollSnapAlign

sealed interface ScrollSnapAlign : StylePropertyValue

ScrollSnapStop

sealed interface ScrollSnapStop : StylePropertyValue

ScrollSnapType

sealed interface ScrollSnapType : StylePropertyValue

StyleVariable

sealed class StyleVariable<T : StylePropertyValue, V> : CSSVariable

A class for declaring a CSS style property (i.e. a variable value that can be used inside CSS styles).

StyleVariableNumberProvider

class StyleVariableNumberProvider<T : Number>

A delegate provider class which allows you to create a StyleVariable.NumberValue instance via the by keyword.

StyleVariablePropertyProvider

class StyleVariablePropertyProvider<T : StylePropertyValue>

A delegate provider class which allows you to create a StyleVariable.PropertyValue instance via the by keyword.

StyleVariableStringProvider

class StyleVariableStringProvider

A delegate provider class which allows you to create a StyleVariable.StringValue instance via the by keyword.

TextAlign

sealed interface TextAlign : StylePropertyValue

TextDecorationLine

sealed interface TextDecorationLine : StylePropertyValue

TextOverflow

sealed interface TextOverflow : StylePropertyValue

TextShadow

sealed interface TextShadow : StylePropertyValue

TextTransform

sealed interface TextTransform : StylePropertyValue

Top

typealias Top = CSSElementPosition

TouchAction

sealed interface TouchAction : StylePropertyValue

TransformBox

sealed interface TransformBox : StylePropertyValue

TransformOrigin

sealed interface TransformOrigin : StylePropertyValue

TransformStyle

sealed interface TransformStyle : StylePropertyValue

Transition

sealed interface Transition : StylePropertyValue

TransitionBehavior

sealed interface TransitionBehavior : StylePropertyValue

TransitionProperty

sealed interface TransitionProperty : StylePropertyValue

TransitionTimingFunction

typealias TransitionTimingFunction = AnimationTimingFunction

UserSelect

sealed interface UserSelect : StylePropertyValue

VerticalAlign

sealed interface VerticalAlign : StylePropertyValue

Visibility

sealed interface Visibility : StylePropertyValue

WhiteSpace

sealed interface WhiteSpace : StylePropertyValue

Widows

sealed interface Widows : StylePropertyValue

Width

sealed interface Width : StylePropertyValue

WillChange

sealed interface WillChange : StylePropertyValue

WordBreak

sealed interface WordBreak : StylePropertyValue

WordSpacing

sealed interface WordSpacing : StylePropertyValue

WritingMode

sealed interface WritingMode : StylePropertyValue

Properties

autoLength

val autoLength: CSSLengthNumericValue

A CSS value that represents the "auto" keyword and can be used anywhere that accepts a length argument.

dvb

val Number.dvb: CSSSizeValue<CSSUnitExt.dvb>

Represents 1% of the dynamic viewport's block size.

dvh

val Number.dvh: CSSSizeValue<CSSUnitExt.dvh>

Represents 1% of the dynamic viewport's height.

dvi

val Number.dvi: CSSSizeValue<CSSUnitExt.dvi>

Represents 1% of the dynamic viewport's inline size.

dvmax

val Number.dvmax: CSSSizeValue<CSSUnitExt.dvmax>

Represents 1% of the dynamic viewport's largest dimension.

dvmin

val Number.dvmin: CSSSizeValue<CSSUnitExt.dvmin>

Represents 1% of the dynamic viewport's smallest dimension.

dvw

val Number.dvw: CSSSizeValue<CSSUnitExt.dvw>

Represents 1% of the dynamic viewport's width.

Inherit

val FlexDirection.Companion.Inherit: FlexDirection

Initial

val FlexDirection.Companion.Initial: FlexDirection

lvb

val Number.lvb: CSSSizeValue<CSSUnitExt.lvb>

Represents 1% of the large viewport's block size.

lvh

val Number.lvh: CSSSizeValue<CSSUnitExt.lvh>

Represents 1% of the large viewport's inline size.

lvi

val Number.lvi: CSSSizeValue<CSSUnitExt.lvi>

Represents 1% of the large viewport's height.

lvmax

val Number.lvmax: CSSSizeValue<CSSUnitExt.lvmax>

Represents 1% of the large viewport's largest dimension.

lvmin

val Number.lvmin: CSSSizeValue<CSSUnitExt.lvmin>

Represents 1% of the large viewport's smallest dimension.

lvw

val Number.lvw: CSSSizeValue<CSSUnitExt.lvw>

Represents 1% of the large viewport's width.

Revert

val FlexDirection.Companion.Revert: FlexDirection

svb

val Number.svb: CSSSizeValue<CSSUnitExt.svb>

Represents 1% of the small viewport's block size.

svh

val Number.svh: CSSSizeValue<CSSUnitExt.svh>

Represents 1% of the small viewport's height.

svi

val Number.svi: CSSSizeValue<CSSUnitExt.svi>

Represents 1% of the small viewport's inline size.

svmax

val Number.svmax: CSSSizeValue<CSSUnitExt.svmax>

Represents 1% of the small viewport's largest dimension.

svmin

val Number.svmin: CSSSizeValue<CSSUnitExt.svmin>

Represents 1% of the small viewport's smallest dimension.

svw

val Number.svw: CSSSizeValue<CSSUnitExt.svw>

Represents 1% of the viewport's block size.

Unset

val FlexDirection.Companion.Unset: FlexDirection

val Number.vb: CSSSizeValue<CSSUnit.vb>

Represents 1% of the viewport's block size.

val Number.vi: CSSSizeValue<CSSUnit.vi>

Represents 1% of the viewport's inline size.

Functions

accentColor

fun StyleScope.accentColor(accentColor: AccentColor)

fun StyleScope.~~accentColor~~(color: CSSColorValue)

alignContent

fun StyleScope.alignContent(alignContent: AlignContent)

alignItems

fun StyleScope.alignItems(alignItems: AlignItems)

alignSelf

fun StyleScope.alignSelf(alignSelf: AlignSelf)

all

fun StyleScope.all(all: All)

animation

fun StyleScope.animation(animation: Animation)

fun StyleScope.animation(animation: Animation.Listable)

fun StyleScope.~~animation~~(vararg animations: Animation.Listable)

appearance

fun StyleScope.appearance(appearance: Appearance)

ariaDisabled

fun AttrsScope<*>.ariaDisabled(value: Boolean = true)

ariaHidden

fun AttrsScope<*>.ariaHidden(value: Boolean = true)

ariaInvalid

fun AttrsScope<*>.ariaInvalid(value: Boolean = true)

ariaLabel

fun AttrsScope<*>.ariaLabel(value: String)

ariaRequired

fun AttrsScope<*>.ariaRequired(value: Boolean = true)

aspectRatio

fun StyleScope.aspectRatio(aspectRatio: AspectRatio)

fun StyleScope.~~aspectRatio~~(ratio: Number)

fun StyleScope.~~aspectRatio~~(width: Number, height: Number)

backdropFilter

fun StyleScope.backdropFilter(backdropFilter: BackdropFilter)

fun StyleScope.~~backdropFilter~~(vararg filters: BackdropFilter.Listable)

fun StyleScope.~~backdropFilter~~(vararg filters: CSSFilter)

backfaceVisibility

fun StyleScope.backfaceVisibility(backFaceVisibility: BackfaceVisibility)

background

fun StyleScope.background(background: Background)

fun StyleScope.background(background: Background.Listable)

fun StyleScope.~~background~~(vararg backgrounds: Background.Listable)

fun StyleScope.~~background~~(color: CSSColorValue, vararg backgrounds: Background.Listable)

backgroundAttachment

fun StyleScope.backgroundAttachment(backgroundAttachment: BackgroundAttachment)

backgroundBlendMode

fun StyleScope.backgroundBlendMode(blendMode: BackgroundBlendMode)

fun StyleScope.backgroundBlendMode(blendMode: BackgroundBlendMode.Listable)

fun StyleScope.~~backgroundBlendMode~~(vararg blendModes: BackgroundBlendMode.Listable)

backgroundClip

fun StyleScope.backgroundClip(backgroundClip: BackgroundClip)

backgroundColor

fun StyleScope.backgroundColor(backgroundColor: BackgroundColor)

backgroundImage

fun StyleScope.backgroundImage(backgroundImage: BackgroundImage)

fun StyleScope.backgroundImage(url: CSSUrl)

fun StyleScope.backgroundImage(gradient: Gradient)

backgroundOrigin

fun StyleScope.backgroundOrigin(backgroundOrigin: BackgroundOrigin)

backgroundPosition

fun StyleScope.backgroundPosition(backgroundPosition: BackgroundPosition)

backgroundRepeat

fun StyleScope.backgroundRepeat(backgroundRepeat: BackgroundRepeat)

fun StyleScope.backgroundRepeat(horizontal: BackgroundRepeat.Mode, vertical: BackgroundRepeat.Mode)

backgroundSize

fun StyleScope.backgroundSize(backgroundSize: BackgroundSize)

borderBottom

fun StyleScope.borderBottom(borderBuild: CSSBorder.() -> Unit)

fun StyleScope.borderBottom(width: CSSLengthNumericValue? = null, style: LineStyle? = null, color: CSSColorValue? = null)

borderBottomLeftRadius

fun StyleScope.borderBottomLeftRadius(radius: CSSLengthOrPercentageNumericValue)

fun StyleScope.borderBottomLeftRadius(horizontal: CSSLengthOrPercentageNumericValue = 0.px, vertical: CSSLengthOrPercentageNumericValue = 0.px)

borderBottomRightRadius

fun StyleScope.borderBottomRightRadius(radius: CSSLengthOrPercentageNumericValue)

fun StyleScope.borderBottomRightRadius(horizontal: CSSLengthOrPercentageNumericValue = 0.px, vertical: CSSLengthOrPercentageNumericValue = 0.px)

borderCollapse

fun StyleScope.borderCollapse(borderCollapse: BorderCollapse)

borderColor

fun StyleScope.borderColor(color: CSSColorValue)

fun StyleScope.borderColor(topBottom: CSSColorValue = Color.currentColor, leftRight: CSSColorValue = Color.currentColor)

fun StyleScope.borderColor(top: CSSColorValue = Color.currentColor, leftRight: CSSColorValue = Color.currentColor, bottom: CSSColorValue = Color.currentColor)

fun StyleScope.borderColor(top: CSSColorValue = Color.currentColor, right: CSSColorValue = Color.currentColor, bottom: CSSColorValue = Color.currentColor, left: CSSColorValue = Color.currentColor)

borderImage

fun StyleScope.borderImage(borderImage: BorderImage)

borderImageOutset

fun StyleScope.borderImageOutset(outset: BorderImageOutset)

borderImageRepeat

fun StyleScope.borderImageRepeat(repeat: BorderImageRepeat)

borderImageSlice

fun StyleScope.borderImageSlice(slice: BorderImageSlice)

borderImageSource

fun StyleScope.borderImageSource(source: BorderImageSource)

borderImageWidth

fun StyleScope.borderImageWidth(width: BorderImageWidth)

borderLeft

fun StyleScope.borderLeft(borderBuild: CSSBorder.() -> Unit)

fun StyleScope.borderLeft(width: CSSLengthNumericValue? = null, style: LineStyle? = null, color: CSSColorValue? = null)

borderRight

fun StyleScope.borderRight(borderBuild: CSSBorder.() -> Unit)

fun StyleScope.borderRight(width: CSSLengthNumericValue? = null, style: LineStyle? = null, color: CSSColorValue? = null)

borderStyle

fun StyleScope.borderStyle(lineStyle: LineStyle)

fun StyleScope.borderStyle(topBottom: LineStyle = LineStyle.None, leftRight: LineStyle = LineStyle.None)

fun StyleScope.borderStyle(top: LineStyle = LineStyle.None, leftRight: LineStyle = LineStyle.None, bottom: LineStyle = LineStyle.None)

fun StyleScope.borderStyle(top: LineStyle = LineStyle.None, right: LineStyle = LineStyle.None, bottom: LineStyle = LineStyle.None, left: LineStyle = LineStyle.None)

borderTop

fun StyleScope.borderTop(borderBuild: CSSBorder.() -> Unit)

fun StyleScope.borderTop(width: CSSLengthNumericValue? = null, style: LineStyle? = null, color: CSSColorValue? = null)

borderTopLeftRadius

fun StyleScope.borderTopLeftRadius(radius: CSSLengthOrPercentageNumericValue)

fun StyleScope.borderTopLeftRadius(horizontal: CSSLengthOrPercentageNumericValue = 0.px, vertical: CSSLengthOrPercentageNumericValue = 0.px)

borderTopRightRadius

fun StyleScope.borderTopRightRadius(radius: CSSLengthOrPercentageNumericValue)

fun StyleScope.borderTopRightRadius(horizontal: CSSLengthOrPercentageNumericValue = 0.px, vertical: CSSLengthOrPercentageNumericValue = 0.px)

borderWidth

fun StyleScope.borderWidth(width: CSSLengthNumericValue)

bottom

fun StyleScope.bottom(bottom: Bottom)

boxDecorationBreak

fun StyleScope.boxDecorationBreak(boxDecorationBreak: BoxDecorationBreak)

boxShadow

fun StyleScope.boxShadow(boxShadow: BoxShadow)

Creates a box-shadow property with a single shadow. The property accepts either the BoxShadow.None value, the default global keywords, which indicates no shadows, or a list of shadows, created by using BoxShadow.of, ordered front to back.

fun StyleScope.boxShadow(boxShadow: BoxShadow.Listable)

fun StyleScope.~~boxShadow~~(vararg boxShadows: BoxShadow.Listable)

fun StyleScope.boxShadow(value: String)

fun StyleScope.boxShadow(offsetX: CSSLengthNumericValue = 0.px, offsetY: CSSLengthNumericValue = 0.px, blurRadius: CSSLengthNumericValue? = null, spreadRadius: CSSLengthNumericValue? = null, color: CSSColorValue? = null, inset: Boolean = false)

boxSizing

fun StyleScope.boxSizing(boxSizing: BoxSizing)

breakAfter

fun StyleScope.breakAfter(breakAfter: BreakAfter)

breakBefore

fun StyleScope.breakBefore(breakBefore: BreakBefore)

breakInside

fun StyleScope.breakInside(breakInside: BreakInside)

captionSide

fun StyleScope.captionSide(captionSide: CaptionSide)

caretColor

fun StyleScope.caretColor(caretColor: CaretColor)

fun StyleScope.~~caretColor~~(color: CSSColorValue)

clear

fun StyleScope.clear(clear: Clear)

color

fun StyleScope.color(color: CSSColor)

fun StyleScope.color(value: String)

colorScheme

fun StyleScope.colorScheme(colorScheme: ColorScheme)

columnCount

fun StyleScope.columnCount(columnCount: ColumnCount)

columnFill

fun StyleScope.columnFill(columnFill: ColumnFill)

columnRule

fun StyleScope.columnRule(width: CSSLengthNumericValue? = null, style: LineStyle? = null, color: CSSColorValue? = null)

columnRuleColor

fun StyleScope.columnRuleColor(color: CSSColorValue)

columnRuleStyle

fun StyleScope.columnRuleStyle(style: LineStyle)

columnRuleWidth

fun StyleScope.columnRuleWidth(width: CSSLengthNumericValue)

columnSpan

fun StyleScope.columnSpan(columnSpan: ColumnSpan)

contain

fun StyleScope.contain(contain: Contain)

containIntrinsicBlockSize

fun StyleScope.containIntrinsicBlockSize(containIntrinsicBlockSize: ContainIntrinsicBlockSize)

containIntrinsicInlineSize

fun StyleScope.containIntrinsicInlineSize(containIntrinsicInlineSize: ContainIntrinsicInlineSize)

content

fun StyleScope.content(content: Content)

fun StyleScope.content(content: Content.Listable)

fun StyleScope.~~content~~(vararg contents: Content.Listable)

fun StyleScope.~~content~~(altText: String, vararg contents: Content.Listable)

fun StyleScope.content(value: String)

Convenience function for an extremely common case, setting content to text.

cursor

fun StyleScope.cursor(cursor: Cursor)

disabled

fun AttrsScope<*>.disabled(value: Boolean = true)

filter

fun StyleScope.filter(filter: Filter)

fun StyleScope.~~filter~~(vararg filters: Filter.Listable)

fun StyleScope.~~filter~~(vararg filters: CSSFilter)

flexBasis

fun StyleScope.flexBasis(flexBasis: FlexBasis)

fun StyleScope.flexBasis(value: CSSLengthOrPercentageNumericValue)

float

fun StyleScope.float(float: CSSFloat)

fontOpticalSizing

fun StyleScope.fontOpticalSizing(sizing: FontOpticalSizing)

fontSize

fun StyleScope.fontSize(size: FontSize)

fontStyle

fun StyleScope.fontStyle(style: FontStyle)

fontVariant

fun StyleScope.fontVariant(alternates: FontVariantAlternates? = null, caps: FontVariantCaps? = null, eastAsian: FontVariantEastAsian? = null, emoji: FontVariantEmoji? = null, ligatures: FontVariantLigatures? = null, numeric: FontVariantNumeric? = null, position: FontVariantPosition? = null)

fontVariantAlternates

fun StyleScope.fontVariantAlternates(fontVariantAlternates: FontVariantAlternates)

fontVariantCaps

fun StyleScope.fontVariantCaps(caps: FontVariantCaps)

fontVariantEastAsian

fun StyleScope.fontVariantEastAsian(eastAsian: FontVariantEastAsian)

fontVariantEmoji

fun StyleScope.fontVariantEmoji(emoji: FontVariantEmoji)

fontVariantLigatures

fun StyleScope.fontVariantLigatures(ligatures: FontVariantLigatures)

fontVariantNumeric

fun StyleScope.fontVariantNumeric(numeric: FontVariantNumeric)

fontVariantPosition

fun StyleScope.fontVariantPosition(position: FontVariantPosition)

fontVariationSettings

fun StyleScope.fontVariationSettings(settings: FontVariationSettings)

fontWeight

fun StyleScope.fontWeight(weight: FontWeight)

grid

fun StyleScope.grid(block: GridBuilder.() -> Unit)

gridAutoColumns

fun StyleScope.gridAutoColumns(gridAutoColumns: GridAuto)

fun StyleScope.gridAutoColumns(vararg gridAutoColumns: GridEntry)

fun StyleScope.gridAutoColumns(block: GridTrackBuilder.() -> Unit)

gridAutoRows

fun StyleScope.gridAutoRows(gridAutoRows: GridAuto)

fun StyleScope.gridAutoRows(vararg gridAutoRows: GridEntry)

fun StyleScope.gridAutoRows(block: GridTrackBuilder.() -> Unit)

gridTemplateColumns

fun StyleScope.gridTemplateColumns(gridTemplateColumns: GridTemplate)

fun StyleScope.gridTemplateColumns(vararg gridTemplateColumns: GridEntry)

fun StyleScope.gridTemplateColumns(block: GridTrackBuilder.() -> Unit)

gridTemplateRows

fun StyleScope.gridTemplateRows(gridTemplateRows: GridTemplate)

fun StyleScope.gridTemplateRows(vararg gridTemplateRows: GridEntry)

fun StyleScope.gridTemplateRows(block: GridTrackBuilder.() -> Unit)

height

fun AttrsScope<*>.height(height: Int)

fun StyleScope.height(height: Height)

isNotEmpty

fun ComparableStyleScope.isNotEmpty(): Boolean

isolation

fun StyleScope.isolation(isolation: Isolation)

justifyContent

fun StyleScope.justifyContent(justifyContent: JustifyContent)

justifyItems

fun StyleScope.justifyItems(justifyItems: JustifyItems)

justifySelf

fun StyleScope.justifySelf(justifySelf: JustifySelf)

layer

fun <TBuilder> GenericStyleSheetBuilder<TBuilder>.layer(name: String, rulesBuild: GenericStyleSheetBuilder<CSSStyleRuleBuilder>.() -> Unit)

Wrap some styles with a @layer block.

left

fun StyleScope.left(left: Left)

lineHeight

fun StyleScope.lineHeight(lineHeight: LineHeight)

listStyle

fun StyleScope.listStyle(listStyle: ListStyle)

margin

fun margin(all: CSSLengthOrPercentageNumericValue): CSSMargin

fun margin(topBottom: CSSLengthOrPercentageNumericValue = 0.px, leftRight: CSSLengthOrPercentageNumericValue = 0.px): CSSMargin

fun margin(top: CSSLengthOrPercentageNumericValue = 0.px, leftRight: CSSLengthOrPercentageNumericValue = 0.px, bottom: CSSLengthOrPercentageNumericValue = 0.px): CSSMargin

fun margin(top: CSSLengthOrPercentageNumericValue = 0.px, right: CSSLengthOrPercentageNumericValue = 0.px, bottom: CSSLengthOrPercentageNumericValue = 0.px, left: CSSLengthOrPercentageNumericValue = 0.px): CSSMargin

marginBlock

fun StyleScope.marginBlock(both: CSSLengthOrPercentageNumericValue)

fun StyleScope.marginBlock(start: CSSLengthOrPercentageNumericValue = 0.px, end: CSSLengthOrPercentageNumericValue = 0.px)

marginBlockEnd

fun StyleScope.marginBlockEnd(value: CSSLengthOrPercentageNumericValue)

marginBlockStart

fun StyleScope.marginBlockStart(value: CSSLengthOrPercentageNumericValue)

marginInline

fun StyleScope.marginInline(both: CSSLengthOrPercentageNumericValue)

fun StyleScope.marginInline(start: CSSLengthOrPercentageNumericValue = 0.px, end: CSSLengthOrPercentageNumericValue = 0.px)

marginInlineEnd

fun StyleScope.marginInlineEnd(value: CSSLengthOrPercentageNumericValue)

marginInlineStart

fun StyleScope.marginInlineStart(value: CSSLengthOrPercentageNumericValue)

maxHeight

fun StyleScope.maxHeight(maxHeight: MaxHeight)

maxWidth

fun StyleScope.maxWidth(maxWidth: MaxWidth)

minHeight

fun StyleScope.minHeight(minHeight: MinHeight)

minWidth

fun StyleScope.minWidth(minWidth: MinWidth)

mixBlendMode

fun StyleScope.mixBlendMode(blendMode: MixBlendMode)

objectFit

fun StyleScope.objectFit(objectFit: ObjectFit)

outline

fun StyleScope.outline(outline: Outline)

fun StyleScope.~~outline~~(outlineBuilder: CSSOutline.() -> Unit)

fun StyleScope.~~outline~~(width: CSSLengthNumericValue? = null, style: LineStyle? = null, color: CSSColorValue? = null)

outlineOffset

fun StyleScope.outlineOffset(value: CSSLengthNumericValue)

outlineStyle

fun StyleScope.outlineStyle(value: LineStyle)

outlineWidth

fun StyleScope.outlineWidth(outlineWidth: OutlineWidth)

fun StyleScope.outlineWidth(value: CSSLengthNumericValue)

overflow

fun StyleScope.overflow(overflow: Overflow)

fun StyleScope.overflow(overflowX: Overflow, overflowY: Overflow)

overflowBlock

fun StyleScope.overflowBlock(overflowBlock: OverflowBlock)

overflowInline

fun StyleScope.overflowInline(overflowInline: OverflowInline)

overflowWrap

fun StyleScope.overflowWrap(overflowWrap: OverflowWrap)

overflowX

fun StyleScope.overflowX(overflowX: Overflow)

overflowY

fun StyleScope.overflowY(overflowY: Overflow)

overscrollBehavior

fun StyleScope.overscrollBehavior(overscrollBehavior: OverscrollBehavior)

overscrollBehaviorBlock

fun StyleScope.overscrollBehaviorBlock(overscrollBehaviorBlock: OverscrollBehaviorBlock)

overscrollBehaviorInline

fun StyleScope.overscrollBehaviorInline(overscrollBehaviorInline: OverscrollBehaviorInline)

overscrollBehaviorX

fun StyleScope.overscrollBehaviorX(overscrollBehavior: OverscrollBehavior.SingleValue)

overscrollBehaviorY

fun StyleScope.overscrollBehaviorY(overscrollBehavior: OverscrollBehavior.SingleValue)

paddingBlock

fun StyleScope.paddingBlock(both: CSSLengthOrPercentageNumericValue)

fun StyleScope.paddingBlock(start: CSSLengthOrPercentageNumericValue = 0.px, end: CSSLengthOrPercentageNumericValue = 0.px)

paddingBlockEnd

fun StyleScope.paddingBlockEnd(value: CSSLengthOrPercentageNumericValue)

paddingBlockStart

fun StyleScope.paddingBlockStart(value: CSSLengthOrPercentageNumericValue)

paddingInline

fun StyleScope.paddingInline(both: CSSLengthOrPercentageNumericValue)

fun StyleScope.paddingInline(start: CSSLengthOrPercentageNumericValue = 0.px, end: CSSLengthOrPercentageNumericValue = 0.px)

paddingInlineEnd

fun StyleScope.paddingInlineEnd(value: CSSLengthOrPercentageNumericValue)

paddingInlineStart

fun StyleScope.paddingInlineStart(value: CSSLengthOrPercentageNumericValue)

placeContent

fun StyleScope.placeContent(alignContent: AlignContent, justifyContent: JustifyContent)

placeItems

fun StyleScope.placeItems(alignItems: AlignItems, justifyItems: JustifyItems)

placeSelf

fun StyleScope.placeSelf(alignSelf: AlignSelf, justifySelf: JustifySelf)

pointerEvents

fun StyleScope.pointerEvents(pointerEvents: PointerEvents)

resize

fun StyleScope.resize(resize: Resize)

right

fun StyleScope.right(right: Right)

role

fun AttrsScope<*>.role(value: String)

rotate

fun StyleScope.rotate(a: CSSAngleNumericValue)

fun StyleScope.rotate(x: Number, y: Number, z: Number, a: CSSAngleNumericValue)

rotateX

fun StyleScope.rotateX(a: CSSAngleNumericValue)

rotateY

fun StyleScope.rotateY(a: CSSAngleNumericValue)

rotateZ

fun StyleScope.rotateZ(a: CSSAngleNumericValue)

rubyPosition

fun StyleScope.rubyPosition(rubyPosition: RubyPosition)

scale

fun StyleScope.scale(s: Number)

fun StyleScope.scale(s: CSSPercentageNumericValue)

fun StyleScope.scale(sx: Number, sy: Number)

fun StyleScope.scale(sx: CSSPercentageNumericValue, sy: CSSPercentageNumericValue)

fun StyleScope.scale(sx: Number, sy: Number, sz: Number)

fun StyleScope.scale(sx: CSSPercentageNumericValue, sy: CSSPercentageNumericValue, sz: CSSPercentageNumericValue)

scaleX

fun StyleScope.scaleX(s: Number)

fun StyleScope.scaleX(s: CSSPercentageNumericValue)

scaleY

fun StyleScope.scaleY(s: Number)

fun StyleScope.scaleY(s: CSSPercentageNumericValue)

scaleZ

fun StyleScope.scaleZ(s: Number)

fun StyleScope.scaleZ(s: CSSPercentageNumericValue)

scope

fun <TBuilder> GenericStyleSheetBuilder<TBuilder>.scope(start: String? = null, end: String? = null, rulesBuild: GenericStyleSheetBuilder<CSSStyleRuleBuilder>.() -> Unit)

Wrap some styles with a @scope block.

scrollbarWidth

fun StyleScope.scrollbarWidth(scrollbarWidth: ScrollbarWidth)

scrollBehavior

fun StyleScope.scrollBehavior(scrollBehavior: ScrollBehavior)

scrollMargin

fun StyleScope.scrollMargin(all: CSSLengthNumericValue)

fun StyleScope.scrollMargin(topBottom: CSSLengthNumericValue = 0.px, leftRight: CSSLengthNumericValue = 0.px)

fun StyleScope.scrollMargin(top: CSSLengthNumericValue = 0.px, leftRight: CSSLengthNumericValue = 0.px, bottom: CSSLengthNumericValue = 0.px)

fun StyleScope.scrollMargin(top: CSSLengthNumericValue = 0.px, right: CSSLengthNumericValue = 0.px, bottom: CSSLengthNumericValue = 0.px, left: CSSLengthNumericValue = 0.px)

scrollMarginBlock

fun StyleScope.scrollMarginBlock(both: CSSLengthNumericValue)

fun StyleScope.scrollMarginBlock(start: CSSLengthNumericValue = 0.px, end: CSSLengthNumericValue = 0.px)

scrollMarginBlockEnd

fun StyleScope.scrollMarginBlockEnd(value: CSSLengthNumericValue)

scrollMarginBlockStart

fun StyleScope.scrollMarginBlockStart(value: CSSLengthNumericValue)

scrollMarginBottom

fun StyleScope.scrollMarginBottom(value: CSSLengthNumericValue)

scrollMarginInline

fun StyleScope.scrollMarginInline(both: CSSLengthNumericValue)

fun StyleScope.scrollMarginInline(start: CSSLengthNumericValue = 0.px, end: CSSLengthNumericValue = 0.px)

scrollMarginInlineEnd

fun StyleScope.scrollMarginInlineEnd(value: CSSLengthNumericValue)

scrollMarginInlineStart

fun StyleScope.scrollMarginInlineStart(value: CSSLengthNumericValue)

scrollMarginLeft

fun StyleScope.scrollMarginLeft(value: CSSLengthNumericValue)

scrollMarginRight

fun StyleScope.scrollMarginRight(value: CSSLengthNumericValue)

scrollMarginTop

fun StyleScope.scrollMarginTop(value: CSSLengthNumericValue)

scrollPadding

fun StyleScope.scrollPadding(all: CSSLengthOrPercentageNumericValue)

fun StyleScope.scrollPadding(topBottom: CSSLengthOrPercentageNumericValue = autoLength, leftRight: CSSLengthOrPercentageNumericValue = autoLength)

fun StyleScope.scrollPadding(top: CSSLengthOrPercentageNumericValue = autoLength, leftRight: CSSLengthOrPercentageNumericValue = autoLength, bottom: CSSLengthOrPercentageNumericValue = autoLength)

fun StyleScope.scrollPadding(top: CSSLengthOrPercentageNumericValue = autoLength, right: CSSLengthOrPercentageNumericValue = autoLength, bottom: CSSLengthOrPercentageNumericValue = autoLength, left: CSSLengthOrPercentageNumericValue = autoLength)

scrollPaddingBlock

fun StyleScope.scrollPaddingBlock(both: CSSLengthOrPercentageNumericValue)

fun StyleScope.scrollPaddingBlock(start: CSSLengthOrPercentageNumericValue = autoLength, end: CSSLengthOrPercentageNumericValue = autoLength)

scrollPaddingBlockEnd

fun StyleScope.scrollPaddingBlockEnd(value: CSSLengthOrPercentageNumericValue)

scrollPaddingBlockStart

fun StyleScope.scrollPaddingBlockStart(value: CSSLengthOrPercentageNumericValue)

scrollPaddingBottom

fun StyleScope.scrollPaddingBottom(value: CSSLengthOrPercentageNumericValue)

scrollPaddingInline

fun StyleScope.scrollPaddingInline(both: CSSLengthOrPercentageNumericValue)

fun StyleScope.scrollPaddingInline(start: CSSLengthOrPercentageNumericValue = autoLength, end: CSSLengthOrPercentageNumericValue = autoLength)

scrollPaddingInlineEnd

fun StyleScope.scrollPaddingInlineEnd(value: CSSLengthOrPercentageNumericValue)

scrollPaddingInlineStart

fun StyleScope.scrollPaddingInlineStart(value: CSSLengthOrPercentageNumericValue)

scrollPaddingLeft

fun StyleScope.scrollPaddingLeft(value: CSSLengthOrPercentageNumericValue)

scrollPaddingRight

fun StyleScope.scrollPaddingRight(value: CSSLengthOrPercentageNumericValue)

scrollPaddingTop

fun StyleScope.scrollPaddingTop(value: CSSLengthOrPercentageNumericValue)

scrollSnapAlign

fun StyleScope.scrollSnapAlign(scrollSnapAlign: ScrollSnapAlign)

scrollSnapStop

fun StyleScope.scrollSnapStop(scrollSnapStop: ScrollSnapStop)

scrollSnapType

fun StyleScope.scrollSnapType(scrollSnapType: ScrollSnapType)

setVariable

fun <T : Number> StyleScope.setVariable(variable: StyleVariable.NumberValue<T>, value: T)

fun <T : StylePropertyValue> StyleScope.setVariable(variable: StyleVariable.PropertyValue<T>, value: T)

fun StyleScope.setVariable(variable: StyleVariable.StringValue, value: String)

fun <T> HTMLElement.setVariable(variable: StyleVariable<*, T>, value: T)

Helper method for setting a StyleVariable onto a raw HTML element.

StyleVariable

fun <T : StylePropertyValue> StyleVariable(prefix: String? = null): StyleVariablePropertyProvider<T>

fun <T : StylePropertyValue> StyleVariable(defaultFallback: T? = null, prefix: String? = null): StyleVariablePropertyProvider<T>

Helper method for declaring a StyleVariable.PropertyValue instance via the by keyword.

fun <T : Number> StyleVariable(defaultFallback: T? = null, prefix: String? = null): StyleVariableNumberProvider<T>

Helper method for declaring a StyleVariable.NumberValue instance via the by keyword.

fun <T : String> StyleVariable(defaultFallback: T? = null, prefix: T? = null): StyleVariableStringProvider

Helper method for declaring a StyleVariable.StringValue instance via the by keyword.

fun <T : CSSFlexNumericValue> StyleVariable(defaultFallback: T? = null, prefix: String? = null): StyleVariablePropertyProvider<CSSFlexNumericValue>

Helper method for declaring a StyleVariable.PropertyValue instance representing a flex value via the by keyword.

fun <T : CSSTimeNumericValue> StyleVariable(defaultFallback: T? = null, prefix: String? = null): StyleVariablePropertyProvider<CSSTimeNumericValue>

Helper method for declaring a StyleVariable.PropertyValue instance representing a time value via the by keyword.

fun <T : CSSAngleValue> StyleVariable(defaultFallback: T? = null, prefix: String? = null): StyleVariablePropertyProvider<CSSAngleNumericValue>

Helper method for declaring a StyleVariable.PropertyValue instance representing an angle value via the by keyword.

fun <T : CSSLengthOrPercentageValue> StyleVariable(defaultFallback: T? = null, prefix: String? = null): StyleVariablePropertyProvider<CSSLengthOrPercentageNumericValue>

Helper method for declaring a StyleVariable.PropertyValue instance representing a length or percentage value via the by keyword.

fun <T : CSSLengthValue> StyleVariable(defaultFallback: T? = null, prefix: String? = null): StyleVariablePropertyProvider<CSSLengthNumericValue>

Helper method for declaring a StyleVariable.PropertyValue instance representing a length value via the by keyword.

fun <T : CSSPercentageValue> StyleVariable(defaultFallback: T? = null, prefix: String? = null): StyleVariablePropertyProvider<CSSPercentageNumericValue>

Helper method for declaring a StyleVariable.PropertyValue instance representing a percentage value via the by keyword.

textAlign

fun StyleScope.textAlign(textAlign: TextAlign)

textDecorationLine

fun StyleScope.textDecorationLine(vararg textDecorationLines: TextDecorationLine)

textOverflow

fun StyleScope.textOverflow(textOverflow: TextOverflow)

textShadow

fun StyleScope.textShadow(textShadow: TextShadow)

fun StyleScope.textShadow(textShadow: TextShadow.Listable)

fun StyleScope.~~textShadow~~(vararg shadows: TextShadow.Listable)

fun StyleScope.~~textShadow~~(offsetX: CSSLengthNumericValue, offsetY: CSSLengthNumericValue, blurRadius: CSSLengthNumericValue? = null, color: CSSColorValue? = null)

textTransform

fun StyleScope.textTransform(textTransform: TextTransform)

toContent

fun CSSUrl.toContent(): Content.Listable

fun Gradient.toContent(): Content.Listable

toDegrees

fun CSSAngleValue.toDegrees(): Float

top

fun StyleScope.top(top: Top)

touchAction

fun StyleScope.touchAction(touchAction: TouchAction)

transformBox

fun StyleScope.transformBox(transformBox: TransformBox)

transformOrigin

fun StyleScope.transformOrigin(transformOrigin: TransformOrigin)

transformStyle

fun StyleScope.transformStyle(transformStyle: TransformStyle)

transition

fun StyleScope.transition(transition: Transition)

fun StyleScope.transition(transition: Transition.Listable)

fun StyleScope.~~transition~~(vararg transitions: Transition.Listable)

transitionBehavior

fun StyleScope.transitionBehavior(behavior: TransitionBehavior)

fun StyleScope.transitionBehavior(behavior: TransitionBehavior.Listable)

fun StyleScope.~~transitionBehavior~~(vararg behaviors: TransitionBehavior.Listable)

transitionDelay

fun StyleScope.transitionDelay(vararg delays: CSSTimeNumericValue)

transitionDuration

fun StyleScope.transitionDuration(vararg durations: CSSTimeNumericValue)

transitionProperty

fun StyleScope.transitionProperty(property: TransitionProperty)

fun StyleScope.transitionProperty(vararg properties: TransitionProperty.Name)

fun StyleScope.transitionProperty(vararg properties: String)

transitionTimingFunction

fun StyleScope.transitionTimingFunction(vararg timingFunctions: TransitionTimingFunction)

fun StyleScope.transitionTimingFunction(timingFunction: TransitionTimingFunction)

translate

fun StyleScope.translate(tx: CSSLengthOrPercentageNumericValue)

fun StyleScope.translate(tx: CSSLengthOrPercentageNumericValue, ty: CSSLengthOrPercentageNumericValue)

fun StyleScope.translate(tx: CSSLengthOrPercentageNumericValue, ty: CSSLengthOrPercentageNumericValue, tz: CSSLengthOrPercentageNumericValue)

translateX

fun StyleScope.translateX(tx: CSSLengthOrPercentageNumericValue)

translateY

fun StyleScope.translateY(ty: CSSLengthOrPercentageNumericValue)

translateZ

fun StyleScope.translateZ(tz: CSSLengthOrPercentageNumericValue)

userSelect

fun StyleScope.userSelect(userSelect: UserSelect)

verticalAlign

fun StyleScope.verticalAlign(verticalAlign: VerticalAlign)

fun StyleScope.verticalAlign(value: CSSLengthOrPercentageNumericValue)

visibility

fun StyleScope.visibility(visibility: Visibility)

whiteSpace

fun StyleScope.whiteSpace(whiteSpace: WhiteSpace)

widows

fun StyleScope.widows(widows: Widows)

width

fun AttrsScope<*>.width(width: Int)

fun StyleScope.width(width: Width)

willChange

fun StyleScope.willChange(willChange: WillChange)

wordBreak

fun StyleScope.wordBreak(wordBreak: WordBreak)

wordSpacing

fun StyleScope.wordSpacing(wordSpacing: WordSpacing)

writingMode

fun StyleScope.writingMode(writingMode: WritingMode)

zIndex

fun StyleScope.zIndex(value: Number)