compose-html-ext/com.varabyte.kobweb.compose.css/ComparableStyleScope

ComparableStyleScope

class ComparableStyleScope : StyleScope(source)

Constructors

Link copied to clipboard
constructor()

Properties

Link copied to clipboard
Link copied to clipboard

Functions

Link copied to clipboard
fun StyleScope.accentColor(accentColor: AccentColor)
fun StyleScope.accentColor(color: CSSColorValue)
Link copied to clipboard
fun StyleScope.alignContent(alignContent: AlignContent)
Link copied to clipboard
fun StyleScope.alignItems(alignItems: AlignItems)
Link copied to clipboard
fun StyleScope.alignSelf(alignSelf: AlignSelf)
Link copied to clipboard
fun StyleScope.animation(animation: Animation)
fun StyleScope.animation(vararg animations: Animation.Repeatable)
Link copied to clipboard
fun StyleScope.appearance(appearance: Appearance)
Link copied to clipboard
fun StyleScope.aspectRatio(aspectRatio: AspectRatio)
fun StyleScope.aspectRatio(ratio: Number)
fun StyleScope.aspectRatio(width: Number, height: Number)
Link copied to clipboard
fun StyleScope.backdropFilter(backdropFilter: BackdropFilter)
fun StyleScope.backdropFilter(vararg filters: CSSFilter)
Link copied to clipboard
fun StyleScope.background(background: Background)
fun StyleScope.background(vararg backgrounds: Background.Repeatable)

fun StyleScope.background(color: CSSColorValue?, vararg backgrounds: Background.Repeatable)

A Kotlin-idiomatic API to configure the background CSS property.

Link copied to clipboard
fun StyleScope.backgroundAttachment(backgroundAttachment: BackgroundAttachment)
Link copied to clipboard
fun StyleScope.backgroundBlendMode(blendMode: BackgroundBlendMode)
Link copied to clipboard
fun StyleScope.backgroundClip(backgroundClip: BackgroundClip)
Link copied to clipboard
fun StyleScope.backgroundColor(backgroundColor: BackgroundColor)
Link copied to clipboard
fun StyleScope.backgroundImage(backgroundImage: BackgroundImage)
fun StyleScope.backgroundImage(url: CSSUrl)
fun StyleScope.backgroundImage(gradient: Gradient)
Link copied to clipboard
fun StyleScope.backgroundOrigin(backgroundOrigin: BackgroundOrigin)
Link copied to clipboard
fun StyleScope.backgroundPosition(backgroundPosition: BackgroundPosition)
Link copied to clipboard
fun StyleScope.backgroundRepeat(backgroundRepeat: BackgroundRepeat)
fun StyleScope.backgroundRepeat(horizontal: BackgroundRepeat.RepeatStyle, vertical: BackgroundRepeat.RepeatStyle)
Link copied to clipboard
fun StyleScope.backgroundSize(backgroundSize: BackgroundSize)
Link copied to clipboard
fun StyleScope.borderBottom(borderBuild: CSSBorder.() -> Unit)
fun StyleScope.borderBottom(width: CSSLengthNumericValue? = null, style: LineStyle? = null, color: CSSColorValue? = null)
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
fun StyleScope.borderCollapse(borderCollapse: BorderCollapse)
Link copied to clipboard
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)
Link copied to clipboard
fun StyleScope.borderImage(borderImage: BorderImage)
Link copied to clipboard
fun StyleScope.borderImageOutset(outset: BorderImageOutset)
Link copied to clipboard
fun StyleScope.borderImageRepeat(repeat: BorderImageRepeat)
Link copied to clipboard
fun StyleScope.borderImageSlice(slice: BorderImageSlice)
Link copied to clipboard
fun StyleScope.borderImageSource(source: BorderImageSource)
Link copied to clipboard
fun StyleScope.borderImageWidth(width: BorderImageWidth)
Link copied to clipboard
fun StyleScope.borderLeft(borderBuild: CSSBorder.() -> Unit)
fun StyleScope.borderLeft(width: CSSLengthNumericValue? = null, style: LineStyle? = null, color: CSSColorValue? = null)
Link copied to clipboard
fun StyleScope.borderRight(borderBuild: CSSBorder.() -> Unit)
fun StyleScope.borderRight(width: CSSLengthNumericValue? = null, style: LineStyle? = null, color: CSSColorValue? = null)
Link copied to clipboard
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)
Link copied to clipboard
fun StyleScope.borderTop(borderBuild: CSSBorder.() -> Unit)
fun StyleScope.borderTop(width: CSSLengthNumericValue? = null, style: LineStyle? = null, color: CSSColorValue? = null)
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
fun StyleScope.borderWidth(width: CSSLengthNumericValue)
Link copied to clipboard
fun StyleScope.bottom(bottom: Bottom)
Link copied to clipboard
fun StyleScope.boxDecorationBreak(boxDecorationBreak: BoxDecorationBreak)
Link copied to clipboard
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(vararg boxShadows: BoxShadow.Repeatable)

Creates a box-shadow property with multiple shadow. The property accepts a list of shadows, created by using BoxShadow.of, ordered from front to back.

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)
Link copied to clipboard
fun StyleScope.boxSizing(boxSizing: BoxSizing)
Link copied to clipboard
fun StyleScope.captionSide(captionSide: CaptionSide)
Link copied to clipboard
fun StyleScope.caretColor(caretColor: CaretColor)
fun StyleScope.caretColor(color: CSSColorValue)
Link copied to clipboard
fun StyleScope.clear(clear: Clear)
Link copied to clipboard
fun StyleScope.color(color: CSSColor)
fun StyleScope.color(value: String)
Link copied to clipboard
fun StyleScope.colorScheme(colorScheme: ColorScheme)
Link copied to clipboard
fun StyleScope.columnRule(width: CSSLengthNumericValue? = null, style: LineStyle? = null, color: CSSColorValue? = null)
Link copied to clipboard
fun StyleScope.columnRuleColor(color: CSSColorValue)
Link copied to clipboard
fun StyleScope.columnRuleStyle(style: LineStyle)
Link copied to clipboard
fun StyleScope.columnRuleWidth(width: CSSLengthNumericValue)
Link copied to clipboard
fun StyleScope.content(content: Content.Restricted)
fun StyleScope.content(vararg contents: Content.Unrestricted)
fun StyleScope.content(altText: String, vararg contents: Content.Unrestricted)

fun StyleScope.content(value: String)

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

Link copied to clipboard
fun StyleScope.cursor(cursor: Cursor)
Link copied to clipboard
open operator override fun equals(other: Any?): Boolean
Link copied to clipboard
fun StyleScope.filter(filter: Filter)
fun StyleScope.filter(vararg filters: CSSFilter)
Link copied to clipboard
fun StyleScope.flexBasis(flexBasis: FlexBasis)
fun StyleScope.flexBasis(value: CSSLengthOrPercentageNumericValue)
Link copied to clipboard
fun StyleScope.float(float: CSSFloat)
Link copied to clipboard
fun StyleScope.fontOpticalSizing(sizing: FontOpticalSizing)
Link copied to clipboard
fun StyleScope.fontSize(size: FontSize)
Link copied to clipboard
fun StyleScope.fontStyle(style: FontStyle)
Link copied to clipboard
fun StyleScope.fontVariant(alternates: FontVariantAlternates? = null, caps: FontVariantCaps? = null, eastAsian: FontVariantEastAsian? = null, emoji: FontVariantEmoji? = null, ligatures: FontVariantLigatures? = null, numeric: FontVariantNumeric? = null, position: FontVariantPosition? = null)
Link copied to clipboard
fun StyleScope.fontVariantAlternates(fontVariantAlternates: FontVariantAlternates)
Link copied to clipboard
fun StyleScope.fontVariantCaps(caps: FontVariantCaps)
Link copied to clipboard
fun StyleScope.fontVariantEastAsian(eastAsian: FontVariantEastAsian)
Link copied to clipboard
fun StyleScope.fontVariantEmoji(emoji: FontVariantEmoji)
Link copied to clipboard
fun StyleScope.fontVariantLigatures(ligatures: FontVariantLigatures)
Link copied to clipboard
fun StyleScope.fontVariantNumeric(numeric: FontVariantNumeric)
Link copied to clipboard
fun StyleScope.fontVariantPosition(position: FontVariantPosition)
Link copied to clipboard
fun StyleScope.fontVariationSettings(settings: FontVariationSettings)
Link copied to clipboard
fun StyleScope.fontWeight(weight: FontWeight)
Link copied to clipboard
fun StyleScope.grid(block: GridBuilder.() -> Unit)
Link copied to clipboard
fun StyleScope.gridAutoColumns(gridAutoColumns: GridAuto)
fun StyleScope.gridAutoColumns(vararg gridAutoColumns: GridEntry)
fun StyleScope.gridAutoColumns(block: GridTrackBuilder.() -> Unit)
Link copied to clipboard
fun StyleScope.gridAutoRows(gridAutoRows: GridAuto)
fun StyleScope.gridAutoRows(vararg gridAutoRows: GridEntry)
fun StyleScope.gridAutoRows(block: GridTrackBuilder.() -> Unit)
Link copied to clipboard
fun StyleScope.gridTemplateColumns(gridTemplateColumns: GridTemplate)
fun StyleScope.gridTemplateColumns(vararg gridTemplateColumns: GridEntry)
fun StyleScope.gridTemplateColumns(block: GridTrackBuilder.() -> Unit)
Link copied to clipboard
fun StyleScope.gridTemplateRows(gridTemplateRows: GridTemplate)
fun StyleScope.gridTemplateRows(vararg gridTemplateRows: GridEntry)
fun StyleScope.gridTemplateRows(block: GridTrackBuilder.() -> Unit)
Link copied to clipboard
open override fun hashCode(): Int
Link copied to clipboard
fun StyleScope.height(height: Height)
Link copied to clipboard
open operator fun <TValue : StylePropertyValue> CSSStyleVariable<TValue>.invoke(value: TValue)
open operator fun CSSStyleVariable<StylePropertyNumber>.invoke(value: Number)
open operator fun CSSStyleVariable<StylePropertyString>.invoke(value: String)
Link copied to clipboard
Link copied to clipboard
fun StyleScope.isolation(isolation: Isolation)
Link copied to clipboard
fun StyleScope.justifyContent(justifyContent: JustifyContent)
Link copied to clipboard
fun StyleScope.justifyItems(justifyItems: JustifyItems)
Link copied to clipboard
fun StyleScope.justifySelf(justifySelf: JustifySelf)
Link copied to clipboard
fun StyleScope.left(left: Left)
Link copied to clipboard
fun StyleScope.lineHeight(lineHeight: LineHeight)
Link copied to clipboard
fun StyleScope.listStyle(type: ListStyleType? = null, position: ListStylePosition? = null, image: ListStyleImage? = null)
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
fun StyleScope.maxHeight(maxHeight: MaxHeight)
Link copied to clipboard
fun StyleScope.maxWidth(maxWidth: MaxWidth)
Link copied to clipboard
fun StyleScope.minHeight(minHeight: MinHeight)
Link copied to clipboard
fun StyleScope.minWidth(minWidth: MinWidth)
Link copied to clipboard
fun StyleScope.mixBlendMode(blendMode: MixBlendMode)
Link copied to clipboard
fun StyleScope.objectFit(objectFit: ObjectFit)
Link copied to clipboard
fun StyleScope.outline(outlineBuilder: CSSOutline.() -> Unit)
fun StyleScope.outline(width: CSSLengthNumericValue? = null, style: LineStyle? = null, color: CSSColorValue? = null)
Link copied to clipboard
fun StyleScope.outlineColor(outlineColor: OutlineColor)
fun StyleScope.outlineColor(value: CSSColorValue)
Link copied to clipboard
fun StyleScope.outlineOffset(value: CSSLengthNumericValue)
Link copied to clipboard
fun StyleScope.outlineStyle(value: LineStyle)
Link copied to clipboard
fun StyleScope.outlineWidth(outlineWidth: OutlineWidth)
fun StyleScope.outlineWidth(value: CSSLengthNumericValue)
Link copied to clipboard
fun StyleScope.overflow(overflow: Overflow)
fun StyleScope.overflow(overflowX: Overflow, overflowY: Overflow)
Link copied to clipboard
fun StyleScope.overflowWrap(overflowWrap: OverflowWrap)
Link copied to clipboard
fun StyleScope.overflowX(overflowX: Overflow)
Link copied to clipboard
fun StyleScope.overflowY(overflowY: Overflow)
Link copied to clipboard
fun StyleScope.overscrollBehavior(overscrollBehavior: OverscrollBehavior)
Link copied to clipboard
fun StyleScope.overscrollBehaviorBlock(overscrollBehavior: OverscrollBehavior.SingleValue)
Link copied to clipboard
fun StyleScope.overscrollBehaviorInline(overscrollBehavior: OverscrollBehavior.SingleValue)
Link copied to clipboard
fun StyleScope.overscrollBehaviorX(overscrollBehavior: OverscrollBehavior.SingleValue)
Link copied to clipboard
fun StyleScope.overscrollBehaviorY(overscrollBehavior: OverscrollBehavior.SingleValue)
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
fun StyleScope.placeContent(alignContent: AlignContent, justifyContent: JustifyContent)
Link copied to clipboard
fun StyleScope.placeItems(alignItems: AlignItems, justifyItems: JustifyItems)
Link copied to clipboard
fun StyleScope.placeSelf(alignSelf: AlignSelf, justifySelf: JustifySelf)
Link copied to clipboard
fun StyleScope.pointerEvents(pointerEvents: PointerEvents)
Link copied to clipboard
open override fun property(propertyName: String, value: StylePropertyValue)
open fun property(propertyName: String, value: Number)
open fun property(propertyName: String, value: String)
Link copied to clipboard
fun StyleScope.resize(resize: Resize)
Link copied to clipboard
fun StyleScope.right(right: Right)
Link copied to clipboard
fun StyleScope.rotate(a: CSSAngleNumericValue)
fun StyleScope.rotate(x: Number, y: Number, z: Number, a: CSSAngleNumericValue)
Link copied to clipboard
fun StyleScope.rotateX(a: CSSAngleNumericValue)
Link copied to clipboard
fun StyleScope.rotateY(a: CSSAngleNumericValue)
Link copied to clipboard
fun StyleScope.rotateZ(a: CSSAngleNumericValue)
Link copied to clipboard
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)
Link copied to clipboard
fun StyleScope.scaleX(s: Number)
fun StyleScope.scaleX(s: CSSPercentageNumericValue)
Link copied to clipboard
fun StyleScope.scaleY(s: Number)
fun StyleScope.scaleY(s: CSSPercentageNumericValue)
Link copied to clipboard
fun StyleScope.scaleZ(s: Number)
fun StyleScope.scaleZ(s: CSSPercentageNumericValue)
Link copied to clipboard
fun StyleScope.scrollbarWidth(scrollbarWidth: ScrollbarWidth)
Link copied to clipboard
fun StyleScope.scrollBehavior(scrollBehavior: ScrollBehavior)
Link copied to clipboard
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)
Link copied to clipboard
fun StyleScope.scrollMarginBlock(both: CSSLengthNumericValue)
fun StyleScope.scrollMarginBlock(start: CSSLengthNumericValue = 0.px, end: CSSLengthNumericValue = 0.px)
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
fun StyleScope.scrollMarginBottom(value: CSSLengthNumericValue)
Link copied to clipboard
fun StyleScope.scrollMarginInline(both: CSSLengthNumericValue)
fun StyleScope.scrollMarginInline(start: CSSLengthNumericValue = 0.px, end: CSSLengthNumericValue = 0.px)
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
fun StyleScope.scrollMarginLeft(value: CSSLengthNumericValue)
Link copied to clipboard
fun StyleScope.scrollMarginRight(value: CSSLengthNumericValue)
Link copied to clipboard
fun StyleScope.scrollMarginTop(value: CSSLengthNumericValue)
Link copied to clipboard
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)
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
fun StyleScope.scrollSnapAlign(scrollSnapAlign: ScrollSnapAlign)
Link copied to clipboard
fun StyleScope.scrollSnapStop(scrollSnapStop: ScrollSnapStop)
Link copied to clipboard
fun StyleScope.scrollSnapType(scrollSnapType: ScrollSnapType)
Link copied to clipboard
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)
Link copied to clipboard
fun StyleScope.textAlign(textAlign: TextAlign)
Link copied to clipboard
fun StyleScope.textDecorationLine(vararg textDecorationLines: TextDecorationLine)
Link copied to clipboard
fun StyleScope.textOverflow(textOverflow: TextOverflow)
Link copied to clipboard
fun StyleScope.textShadow(textShadow: TextShadow)
fun StyleScope.textShadow(vararg textShadows: CSSTextShadow)
fun StyleScope.textShadow(offsetX: CSSLengthNumericValue, offsetY: CSSLengthNumericValue, blurRadius: CSSLengthNumericValue? = null, color: CSSColorValue? = null)
Link copied to clipboard
fun StyleScope.textTransform(textTransform: TextTransform)
Link copied to clipboard
fun StyleScope.top(top: Top)
Link copied to clipboard
fun StyleScope.touchAction(touchAction: TouchAction)
Link copied to clipboard
fun StyleScope.transformBox(transformBox: TransformBox)
Link copied to clipboard
fun StyleScope.transformOrigin(transformOrigin: TransformOrigin)
Link copied to clipboard
fun StyleScope.transformStyle(transformStyle: TransformStyle)
Link copied to clipboard
fun StyleScope.transition(transition: Transition)
fun StyleScope.transition(vararg transitions: Transition.Repeatable)
Link copied to clipboard
fun StyleScope.transitionBehavior(behavior: TransitionBehavior)
fun StyleScope.transitionBehavior(vararg behaviors: TransitionBehavior)
Link copied to clipboard
fun StyleScope.transitionDelay(delay: TransitionDelay)
fun StyleScope.transitionDelay(vararg delays: CSSTimeNumericValue)
Link copied to clipboard
fun StyleScope.transitionDuration(duration: TransitionDuration)
fun StyleScope.transitionDuration(vararg durations: CSSTimeNumericValue)
Link copied to clipboard
fun StyleScope.transitionProperty(property: TransitionProperty)
fun StyleScope.transitionProperty(vararg properties: String)
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
fun StyleScope.userSelect(userSelect: UserSelect)
Link copied to clipboard
open override fun variable(variableName: String, value: StylePropertyValue)
open fun variable(variableName: String, value: Number)
open fun variable(variableName: String, value: String)
Link copied to clipboard
fun StyleScope.verticalAlign(verticalAlign: VerticalAlign)
fun StyleScope.verticalAlign(value: CSSLengthOrPercentageNumericValue)
Link copied to clipboard
fun StyleScope.visibility(visibility: Visibility)
Link copied to clipboard
fun StyleScope.whiteSpace(whiteSpace: WhiteSpace)
Link copied to clipboard
fun StyleScope.width(width: Width)
Link copied to clipboard
fun StyleScope.wordBreak(wordBreak: WordBreak)
Link copied to clipboard
fun StyleScope.writingMode(writingMode: WritingMode)
Link copied to clipboard
fun StyleScope.zIndex(value: Number)