[]previous and next page

CSSProperties

Inline style declarations for style={...}: every standard CSS property in camelCase or in kebab-case (derived from the DOM library's CSSStyleProperties, so it tracks the platform), plus CSS custom properties (--name).

Inline style declarations for style={...}: every standard CSS property in camelCase or in kebab-case (derived from the DOM library's CSSStyleProperties, so it tracks the platform), plus CSS custom properties (--name). Values are strings or numbers; no per-property value unions.

Import#

ts
import type { CSSProperties } from "@shadow-js/web";

Signature#

ts
type CSSProperties = {
  /**
   * A standard CSS property in camelCase (`backgroundColor`, `WebkitTransition`).
   * @default undefined (the property is not set)
   */
  [K in CSSPropertyName]?: CSSPropertyValue;
} & {
  /**
   * The same property in kebab-case (`background-color`).
   * @default undefined (the property is not set)
   */
  [K in CSSPropertyName as KebabCase<K>]?: CSSPropertyValue;
} & {
  /** A CSS custom property (`--accent`), written as is; a number is not given a unit. */
  [name: `--${string}`]: CSSPropertyValue;
}

Members#

Name Type Description
WebkitAlignContent? WebkitAlignContent
WebkitAlignItems? WebkitAlignItems
WebkitAlignSelf? WebkitAlignSelf
WebkitAnimation? WebkitAnimation
WebkitAnimationDelay? WebkitAnimationDelay
WebkitAnimationDirection? WebkitAnimationDirection
WebkitAnimationDuration? WebkitAnimationDuration
WebkitAnimationFillMode? WebkitAnimationFillMode
WebkitAnimationIterationCount? WebkitAnimationIterationCount
WebkitAnimationName? WebkitAnimationName
WebkitAnimationPlayState? WebkitAnimationPlayState
WebkitAnimationTimingFunction? WebkitAnimationTimingFunction
WebkitAppearance? WebkitAppearance
WebkitBackfaceVisibility? WebkitBackfaceVisibility
WebkitBackgroundClip? WebkitBackgroundClip
WebkitBackgroundOrigin? WebkitBackgroundOrigin
WebkitBackgroundSize? WebkitBackgroundSize
WebkitBorderBottomLeftRadius? WebkitBorderBottomLeftRadius
WebkitBorderBottomRightRadius? WebkitBorderBottomRightRadius
WebkitBorderRadius? WebkitBorderRadius
WebkitBorderTopLeftRadius? WebkitBorderTopLeftRadius
WebkitBorderTopRightRadius? WebkitBorderTopRightRadius
WebkitBoxAlign? WebkitBoxAlign
WebkitBoxFlex? WebkitBoxFlex
WebkitBoxOrdinalGroup? WebkitBoxOrdinalGroup
WebkitBoxOrient? WebkitBoxOrient
WebkitBoxPack? WebkitBoxPack
WebkitBoxShadow? WebkitBoxShadow
WebkitBoxSizing? WebkitBoxSizing
WebkitFilter? WebkitFilter
WebkitFlex? WebkitFlex
WebkitFlexBasis? WebkitFlexBasis
WebkitFlexDirection? WebkitFlexDirection
WebkitFlexFlow? WebkitFlexFlow
WebkitFlexGrow? WebkitFlexGrow
WebkitFlexShrink? WebkitFlexShrink
WebkitFlexWrap? WebkitFlexWrap
WebkitJustifyContent? WebkitJustifyContent
WebkitLineClamp? WebkitLineClamp
WebkitMask? WebkitMask
WebkitMaskBoxImage? WebkitMaskBoxImage
WebkitMaskBoxImageOutset? WebkitMaskBoxImageOutset
WebkitMaskBoxImageRepeat? WebkitMaskBoxImageRepeat
WebkitMaskBoxImageSlice? WebkitMaskBoxImageSlice
WebkitMaskBoxImageSource? WebkitMaskBoxImageSource
WebkitMaskBoxImageWidth? WebkitMaskBoxImageWidth
WebkitMaskClip? WebkitMaskClip
WebkitMaskComposite? WebkitMaskComposite
WebkitMaskImage? WebkitMaskImage
WebkitMaskOrigin? WebkitMaskOrigin
WebkitMaskPosition? WebkitMaskPosition
WebkitMaskRepeat? WebkitMaskRepeat
WebkitMaskSize? WebkitMaskSize
WebkitOrder? WebkitOrder
WebkitPerspective? WebkitPerspective
WebkitPerspectiveOrigin? WebkitPerspectiveOrigin
WebkitTextFillColor? WebkitTextFillColor
WebkitTextSizeAdjust? WebkitTextSizeAdjust
WebkitTextStroke? WebkitTextStroke
WebkitTextStrokeColor? WebkitTextStrokeColor
WebkitTextStrokeWidth? WebkitTextStrokeWidth
WebkitTransform? WebkitTransform
WebkitTransformOrigin? WebkitTransformOrigin
WebkitTransformStyle? WebkitTransformStyle
WebkitTransition? WebkitTransition
WebkitTransitionDelay? WebkitTransitionDelay
WebkitTransitionDuration? WebkitTransitionDuration
WebkitTransitionProperty? WebkitTransitionProperty
WebkitTransitionTimingFunction? WebkitTransitionTimingFunction
WebkitUserSelect? WebkitUserSelect
accentColor? accentColor
alignContent? alignContent
alignItems? alignItems
alignSelf? alignSelf
alignmentBaseline? alignmentBaseline
all? all
anchorName? anchorName
anchorScope? anchorScope
animation? animation
animationComposition? animationComposition
animationDelay? animationDelay
animationDirection? animationDirection
animationDuration? animationDuration
animationFillMode? animationFillMode
animationIterationCount? animationIterationCount
animationName? animationName
animationPlayState? animationPlayState
animationRange? animationRange
animationRangeEnd? animationRangeEnd
animationRangeStart? animationRangeStart
animationTimeline? animationTimeline
animationTimingFunction? animationTimingFunction
appearance? appearance
aspectRatio? aspectRatio
backdropFilter? backdropFilter
backfaceVisibility? backfaceVisibility
background? background
backgroundAttachment? backgroundAttachment
backgroundBlendMode? backgroundBlendMode
backgroundClip? backgroundClip
backgroundColor? backgroundColor
backgroundImage? backgroundImage
backgroundOrigin? backgroundOrigin
backgroundPosition? backgroundPosition
backgroundPositionX? backgroundPositionX
backgroundPositionY? backgroundPositionY
backgroundRepeat? backgroundRepeat
backgroundSize? backgroundSize
baselineShift? baselineShift
baselineSource? baselineSource
blockSize? blockSize
border? border
borderBlock? borderBlock
borderBlockColor? borderBlockColor
borderBlockEnd? borderBlockEnd
borderBlockEndColor? borderBlockEndColor
borderBlockEndStyle? borderBlockEndStyle
borderBlockEndWidth? borderBlockEndWidth
borderBlockStart? borderBlockStart
borderBlockStartColor? borderBlockStartColor
borderBlockStartStyle? borderBlockStartStyle
borderBlockStartWidth? borderBlockStartWidth
borderBlockStyle? borderBlockStyle
borderBlockWidth? borderBlockWidth
borderBottom? borderBottom
borderBottomColor? borderBottomColor
borderBottomLeftRadius? borderBottomLeftRadius
borderBottomRightRadius? borderBottomRightRadius
borderBottomStyle? borderBottomStyle
borderBottomWidth? borderBottomWidth
borderCollapse? borderCollapse
borderColor? borderColor
borderEndEndRadius? borderEndEndRadius
borderEndStartRadius? borderEndStartRadius
borderImage? borderImage
borderImageOutset? borderImageOutset
borderImageRepeat? borderImageRepeat
borderImageSlice? borderImageSlice
borderImageSource? borderImageSource
borderImageWidth? borderImageWidth
borderInline? borderInline
borderInlineColor? borderInlineColor
borderInlineEnd? borderInlineEnd
borderInlineEndColor? borderInlineEndColor
borderInlineEndStyle? borderInlineEndStyle
borderInlineEndWidth? borderInlineEndWidth
borderInlineStart? borderInlineStart
borderInlineStartColor? borderInlineStartColor
borderInlineStartStyle? borderInlineStartStyle
borderInlineStartWidth? borderInlineStartWidth
borderInlineStyle? borderInlineStyle
borderInlineWidth? borderInlineWidth
borderLeft? borderLeft
borderLeftColor? borderLeftColor
borderLeftStyle? borderLeftStyle
borderLeftWidth? borderLeftWidth
borderRadius? borderRadius
borderRight? borderRight
borderRightColor? borderRightColor
borderRightStyle? borderRightStyle
borderRightWidth? borderRightWidth
borderSpacing? borderSpacing
borderStartEndRadius? borderStartEndRadius
borderStartStartRadius? borderStartStartRadius
borderStyle? borderStyle
borderTop? borderTop
borderTopColor? borderTopColor
borderTopLeftRadius? borderTopLeftRadius
borderTopRightRadius? borderTopRightRadius
borderTopStyle? borderTopStyle
borderTopWidth? borderTopWidth
borderWidth? borderWidth
bottom? bottom
boxDecorationBreak? boxDecorationBreak
boxShadow? boxShadow
boxSizing? boxSizing
breakAfter? breakAfter
breakBefore? breakBefore
breakInside? breakInside
captionSide? captionSide
caretColor? caretColor
clear? clear
clip? clip
clipPath? clipPath
clipRule? clipRule
color? color
colorInterpolation? colorInterpolation
colorInterpolationFilters? colorInterpolationFilters
colorScheme? colorScheme
columnCount? columnCount
columnFill? columnFill
columnGap? columnGap
columnRule? columnRule
columnRuleColor? columnRuleColor
columnRuleStyle? columnRuleStyle
columnRuleWidth? columnRuleWidth
columnSpan? columnSpan
columnWidth? columnWidth
columns? columns
contain? contain
containIntrinsicBlockSize? containIntrinsicBlockSize
containIntrinsicHeight? containIntrinsicHeight
containIntrinsicInlineSize? containIntrinsicInlineSize
containIntrinsicSize? containIntrinsicSize
containIntrinsicWidth? containIntrinsicWidth
container? container
containerName? containerName
containerType? containerType
content? content
contentVisibility? contentVisibility
counterIncrement? counterIncrement
counterReset? counterReset
counterSet? counterSet
cssFloat? cssFloat
cursor? cursor
cx? cx
cy? cy
d? d
direction? direction
display? display
dominantBaseline? dominantBaseline
dynamicRangeLimit? dynamicRangeLimit
emptyCells? emptyCells
fieldSizing? fieldSizing
fill? fill
fillOpacity? fillOpacity
fillRule? fillRule
filter? filter
flex? flex
flexBasis? flexBasis
flexDirection? flexDirection
flexFlow? flexFlow
flexGrow? flexGrow
flexShrink? flexShrink
flexWrap? flexWrap
float? float
floodColor? floodColor
floodOpacity? floodOpacity
font? font
fontFamily? fontFamily
fontFeatureSettings? fontFeatureSettings
fontKerning? fontKerning
fontLanguageOverride? fontLanguageOverride
fontOpticalSizing? fontOpticalSizing
fontPalette? fontPalette
fontSize? fontSize
fontSizeAdjust? fontSizeAdjust
fontStretch? fontStretch
fontStyle? fontStyle
fontSynthesis? fontSynthesis
fontSynthesisSmallCaps? fontSynthesisSmallCaps
fontSynthesisStyle? fontSynthesisStyle
fontSynthesisWeight? fontSynthesisWeight
fontVariant? fontVariant
fontVariantAlternates? fontVariantAlternates
fontVariantCaps? fontVariantCaps
fontVariantEastAsian? fontVariantEastAsian
fontVariantEmoji? fontVariantEmoji
fontVariantLigatures? fontVariantLigatures
fontVariantNumeric? fontVariantNumeric
fontVariantPosition? fontVariantPosition
fontVariationSettings? fontVariationSettings
fontWeight? fontWeight
forcedColorAdjust? forcedColorAdjust
gap? gap
grid? grid
gridArea? gridArea
gridAutoColumns? gridAutoColumns
gridAutoFlow? gridAutoFlow
gridAutoRows? gridAutoRows
gridColumn? gridColumn
gridColumnEnd? gridColumnEnd
gridColumnGap? gridColumnGap
gridColumnStart? gridColumnStart
gridGap? gridGap
gridRow? gridRow
gridRowEnd? gridRowEnd
gridRowGap? gridRowGap
gridRowStart? gridRowStart
gridTemplate? gridTemplate
gridTemplateAreas? gridTemplateAreas
gridTemplateColumns? gridTemplateColumns
gridTemplateRows? gridTemplateRows
height? height
hyphenateCharacter? hyphenateCharacter
hyphenateLimitChars? hyphenateLimitChars
hyphens? hyphens
imageOrientation? imageOrientation
imageRendering? imageRendering
inlineSize? inlineSize
inset? inset
insetBlock? insetBlock
insetBlockEnd? insetBlockEnd
insetBlockStart? insetBlockStart
insetInline? insetInline
insetInlineEnd? insetInlineEnd
insetInlineStart? insetInlineStart
isolation? isolation
justifyContent? justifyContent
justifyItems? justifyItems
justifySelf? justifySelf
left? left
letterSpacing? letterSpacing
lightingColor? lightingColor
lineBreak? lineBreak
lineHeight? lineHeight
listStyle? listStyle
listStyleImage? listStyleImage
listStylePosition? listStylePosition
listStyleType? listStyleType
margin? margin
marginBlock? marginBlock
marginBlockEnd? marginBlockEnd
marginBlockStart? marginBlockStart
marginBottom? marginBottom
marginInline? marginInline
marginInlineEnd? marginInlineEnd
marginInlineStart? marginInlineStart
marginLeft? marginLeft
marginRight? marginRight
marginTop? marginTop
marker? marker
markerEnd? markerEnd
markerMid? markerMid
markerStart? markerStart
mask? mask
maskClip? maskClip
maskComposite? maskComposite
maskImage? maskImage
maskMode? maskMode
maskOrigin? maskOrigin
maskPosition? maskPosition
maskRepeat? maskRepeat
maskSize? maskSize
maskType? maskType
mathDepth? mathDepth
mathShift? mathShift
mathStyle? mathStyle
maxBlockSize? maxBlockSize
maxHeight? maxHeight
maxInlineSize? maxInlineSize
maxWidth? maxWidth
minBlockSize? minBlockSize
minHeight? minHeight
minInlineSize? minInlineSize
minWidth? minWidth
mixBlendMode? mixBlendMode
objectFit? objectFit
objectPosition? objectPosition
offset? offset
offsetAnchor? offsetAnchor
offsetDistance? offsetDistance
offsetPath? offsetPath
offsetPosition? offsetPosition
offsetRotate? offsetRotate
opacity? opacity
order? order
orphans? orphans
outline? outline
outlineColor? outlineColor
outlineOffset? outlineOffset
outlineStyle? outlineStyle
outlineWidth? outlineWidth
overflow? overflow
overflowAnchor? overflowAnchor
overflowBlock? overflowBlock
overflowClipMargin? overflowClipMargin
overflowInline? overflowInline
overflowWrap? overflowWrap
overflowX? overflowX
overflowY? overflowY
overscrollBehavior? overscrollBehavior
overscrollBehaviorBlock? overscrollBehaviorBlock
overscrollBehaviorInline? overscrollBehaviorInline
overscrollBehaviorX? overscrollBehaviorX
overscrollBehaviorY? overscrollBehaviorY
padding? padding
paddingBlock? paddingBlock
paddingBlockEnd? paddingBlockEnd
paddingBlockStart? paddingBlockStart
paddingBottom? paddingBottom
paddingInline? paddingInline
paddingInlineEnd? paddingInlineEnd
paddingInlineStart? paddingInlineStart
paddingLeft? paddingLeft
paddingRight? paddingRight
paddingTop? paddingTop
page? page
pageBreakAfter? pageBreakAfter
pageBreakBefore? pageBreakBefore
pageBreakInside? pageBreakInside
paintOrder? paintOrder
perspective? perspective
perspectiveOrigin? perspectiveOrigin
placeContent? placeContent
placeItems? placeItems
placeSelf? placeSelf
pointerEvents? pointerEvents
position? position
positionAnchor? positionAnchor
positionArea? positionArea
positionTry? positionTry
positionTryFallbacks? positionTryFallbacks
positionTryOrder? positionTryOrder
positionVisibility? positionVisibility
printColorAdjust? printColorAdjust
quotes? quotes
r? r
resize? resize
right? right
rotate? rotate
rowGap? rowGap
rubyAlign? rubyAlign
rubyPosition? rubyPosition
rx? rx
ry? ry
scale? scale
scrollBehavior? scrollBehavior
scrollMargin? scrollMargin
scrollMarginBlock? scrollMarginBlock
scrollMarginBlockEnd? scrollMarginBlockEnd
scrollMarginBlockStart? scrollMarginBlockStart
scrollMarginBottom? scrollMarginBottom
scrollMarginInline? scrollMarginInline
scrollMarginInlineEnd? scrollMarginInlineEnd
scrollMarginInlineStart? scrollMarginInlineStart
scrollMarginLeft? scrollMarginLeft
scrollMarginRight? scrollMarginRight
scrollMarginTop? scrollMarginTop
scrollPadding? scrollPadding
scrollPaddingBlock? scrollPaddingBlock
scrollPaddingBlockEnd? scrollPaddingBlockEnd
scrollPaddingBlockStart? scrollPaddingBlockStart
scrollPaddingBottom? scrollPaddingBottom
scrollPaddingInline? scrollPaddingInline
scrollPaddingInlineEnd? scrollPaddingInlineEnd
scrollPaddingInlineStart? scrollPaddingInlineStart
scrollPaddingLeft? scrollPaddingLeft
scrollPaddingRight? scrollPaddingRight
scrollPaddingTop? scrollPaddingTop
scrollSnapAlign? scrollSnapAlign
scrollSnapStop? scrollSnapStop
scrollSnapType? scrollSnapType
scrollTimeline? scrollTimeline
scrollTimelineAxis? scrollTimelineAxis
scrollTimelineName? scrollTimelineName
scrollbarColor? scrollbarColor
scrollbarGutter? scrollbarGutter
scrollbarWidth? scrollbarWidth
shapeImageThreshold? shapeImageThreshold
shapeMargin? shapeMargin
shapeOutside? shapeOutside
shapeRendering? shapeRendering
stopColor? stopColor
stopOpacity? stopOpacity
stroke? stroke
strokeDasharray? strokeDasharray
strokeDashoffset? strokeDashoffset
strokeLinecap? strokeLinecap
strokeLinejoin? strokeLinejoin
strokeMiterlimit? strokeMiterlimit
strokeOpacity? strokeOpacity
strokeWidth? strokeWidth
tabSize? tabSize
tableLayout? tableLayout
textAlign? textAlign
textAlignLast? textAlignLast
textAnchor? textAnchor
textAutospace? textAutospace
textBox? textBox
textBoxEdge? textBoxEdge
textBoxTrim? textBoxTrim
textCombineUpright? textCombineUpright
textDecoration? textDecoration
textDecorationColor? textDecorationColor
textDecorationLine? textDecorationLine
textDecorationSkipInk? textDecorationSkipInk
textDecorationStyle? textDecorationStyle
textDecorationThickness? textDecorationThickness
textEmphasis? textEmphasis
textEmphasisColor? textEmphasisColor
textEmphasisPosition? textEmphasisPosition
textEmphasisStyle? textEmphasisStyle
textIndent? textIndent
textJustify? textJustify
textOrientation? textOrientation
textOverflow? textOverflow
textRendering? textRendering
textShadow? textShadow
textTransform? textTransform
textUnderlineOffset? textUnderlineOffset
textUnderlinePosition? textUnderlinePosition
textWrap? textWrap
textWrapMode? textWrapMode
textWrapStyle? textWrapStyle
timelineScope? timelineScope
top? top
touchAction? touchAction
transform? transform
transformBox? transformBox
transformOrigin? transformOrigin
transformStyle? transformStyle
transition? transition
transitionBehavior? transitionBehavior
transitionDelay? transitionDelay
transitionDuration? transitionDuration
transitionProperty? transitionProperty
transitionTimingFunction? transitionTimingFunction
translate? translate
unicodeBidi? unicodeBidi
userSelect? userSelect
vectorEffect? vectorEffect
verticalAlign? verticalAlign
viewTimeline? viewTimeline
viewTimelineAxis? viewTimelineAxis
viewTimelineInset? viewTimelineInset
viewTimelineName? viewTimelineName
viewTransitionClass? viewTransitionClass
viewTransitionName? viewTransitionName
visibility? visibility
webkitAlignContent? webkitAlignContent
webkitAlignItems? webkitAlignItems
webkitAlignSelf? webkitAlignSelf
webkitAnimation? webkitAnimation
webkitAnimationDelay? webkitAnimationDelay
webkitAnimationDirection? webkitAnimationDirection
webkitAnimationDuration? webkitAnimationDuration
webkitAnimationFillMode? webkitAnimationFillMode
webkitAnimationIterationCount? webkitAnimationIterationCount
webkitAnimationName? webkitAnimationName
webkitAnimationPlayState? webkitAnimationPlayState
webkitAnimationTimingFunction? webkitAnimationTimingFunction
webkitAppearance? webkitAppearance
webkitBackfaceVisibility? webkitBackfaceVisibility
webkitBackgroundClip? webkitBackgroundClip
webkitBackgroundOrigin? webkitBackgroundOrigin
webkitBackgroundSize? webkitBackgroundSize
webkitBorderBottomLeftRadius? webkitBorderBottomLeftRadius
webkitBorderBottomRightRadius? webkitBorderBottomRightRadius
webkitBorderRadius? webkitBorderRadius
webkitBorderTopLeftRadius? webkitBorderTopLeftRadius
webkitBorderTopRightRadius? webkitBorderTopRightRadius
webkitBoxAlign? webkitBoxAlign
webkitBoxFlex? webkitBoxFlex
webkitBoxOrdinalGroup? webkitBoxOrdinalGroup
webkitBoxOrient? webkitBoxOrient
webkitBoxPack? webkitBoxPack
webkitBoxShadow? webkitBoxShadow
webkitBoxSizing? webkitBoxSizing
webkitFilter? webkitFilter
webkitFlex? webkitFlex
webkitFlexBasis? webkitFlexBasis
webkitFlexDirection? webkitFlexDirection
webkitFlexFlow? webkitFlexFlow
webkitFlexGrow? webkitFlexGrow
webkitFlexShrink? webkitFlexShrink
webkitFlexWrap? webkitFlexWrap
webkitJustifyContent? webkitJustifyContent
webkitLineClamp? webkitLineClamp
webkitMask? webkitMask
webkitMaskBoxImage? webkitMaskBoxImage
webkitMaskBoxImageOutset? webkitMaskBoxImageOutset
webkitMaskBoxImageRepeat? webkitMaskBoxImageRepeat
webkitMaskBoxImageSlice? webkitMaskBoxImageSlice
webkitMaskBoxImageSource? webkitMaskBoxImageSource
webkitMaskBoxImageWidth? webkitMaskBoxImageWidth
webkitMaskClip? webkitMaskClip
webkitMaskComposite? webkitMaskComposite
webkitMaskImage? webkitMaskImage
webkitMaskOrigin? webkitMaskOrigin
webkitMaskPosition? webkitMaskPosition
webkitMaskRepeat? webkitMaskRepeat
webkitMaskSize? webkitMaskSize
webkitOrder? webkitOrder
webkitPerspective? webkitPerspective
webkitPerspectiveOrigin? webkitPerspectiveOrigin
webkitTextFillColor? webkitTextFillColor
webkitTextSizeAdjust? webkitTextSizeAdjust
webkitTextStroke? webkitTextStroke
webkitTextStrokeColor? webkitTextStrokeColor
webkitTextStrokeWidth? webkitTextStrokeWidth
webkitTransform? webkitTransform
webkitTransformOrigin? webkitTransformOrigin
webkitTransformStyle? webkitTransformStyle
webkitTransition? webkitTransition
webkitTransitionDelay? webkitTransitionDelay
webkitTransitionDuration? webkitTransitionDuration
webkitTransitionProperty? webkitTransitionProperty
webkitTransitionTimingFunction? webkitTransitionTimingFunction
webkitUserSelect? webkitUserSelect
whiteSpace? whiteSpace
whiteSpaceCollapse? whiteSpaceCollapse
widows? widows
width? width
willChange? willChange
wordBreak? wordBreak
wordSpacing? wordSpacing
wordWrap? wordWrap
writingMode? writingMode
x? x
y? y
zIndex? zIndex
zoom? zoom
-webkit-align-content? -webkit-align-content
-webkit-align-items? -webkit-align-items
-webkit-align-self? -webkit-align-self
-webkit-animation? -webkit-animation
-webkit-animation-delay? -webkit-animation-delay
-webkit-animation-direction? -webkit-animation-direction
-webkit-animation-duration? -webkit-animation-duration
-webkit-animation-fill-mode? -webkit-animation-fill-mode
-webkit-animation-iteration-count? -webkit-animation-iteration-count
-webkit-animation-name? -webkit-animation-name
-webkit-animation-play-state? -webkit-animation-play-state
-webkit-animation-timing-function? -webkit-animation-timing-function
-webkit-appearance? -webkit-appearance
-webkit-backface-visibility? -webkit-backface-visibility
-webkit-background-clip? -webkit-background-clip
-webkit-background-origin? -webkit-background-origin
-webkit-background-size? -webkit-background-size
-webkit-border-bottom-left-radius? -webkit-border-bottom-left-radius
-webkit-border-bottom-right-radius? -webkit-border-bottom-right-radius
-webkit-border-radius? -webkit-border-radius
-webkit-border-top-left-radius? -webkit-border-top-left-radius
-webkit-border-top-right-radius? -webkit-border-top-right-radius
-webkit-box-align? -webkit-box-align
-webkit-box-flex? -webkit-box-flex
-webkit-box-ordinal-group? -webkit-box-ordinal-group
-webkit-box-orient? -webkit-box-orient
-webkit-box-pack? -webkit-box-pack
-webkit-box-shadow? -webkit-box-shadow
-webkit-box-sizing? -webkit-box-sizing
-webkit-filter? -webkit-filter
-webkit-flex? -webkit-flex
-webkit-flex-basis? -webkit-flex-basis
-webkit-flex-direction? -webkit-flex-direction
-webkit-flex-flow? -webkit-flex-flow
-webkit-flex-grow? -webkit-flex-grow
-webkit-flex-shrink? -webkit-flex-shrink
-webkit-flex-wrap? -webkit-flex-wrap
-webkit-justify-content? -webkit-justify-content
-webkit-line-clamp? -webkit-line-clamp
-webkit-mask? -webkit-mask
-webkit-mask-box-image? -webkit-mask-box-image
-webkit-mask-box-image-outset? -webkit-mask-box-image-outset
-webkit-mask-box-image-repeat? -webkit-mask-box-image-repeat
-webkit-mask-box-image-slice? -webkit-mask-box-image-slice
-webkit-mask-box-image-source? -webkit-mask-box-image-source
-webkit-mask-box-image-width? -webkit-mask-box-image-width
-webkit-mask-clip? -webkit-mask-clip
-webkit-mask-composite? -webkit-mask-composite
-webkit-mask-image? -webkit-mask-image
-webkit-mask-origin? -webkit-mask-origin
-webkit-mask-position? -webkit-mask-position
-webkit-mask-repeat? -webkit-mask-repeat
-webkit-mask-size? -webkit-mask-size
-webkit-order? -webkit-order
-webkit-perspective? -webkit-perspective
-webkit-perspective-origin? -webkit-perspective-origin
-webkit-text-fill-color? -webkit-text-fill-color
-webkit-text-size-adjust? -webkit-text-size-adjust
-webkit-text-stroke? -webkit-text-stroke
-webkit-text-stroke-color? -webkit-text-stroke-color
-webkit-text-stroke-width? -webkit-text-stroke-width
-webkit-transform? -webkit-transform
-webkit-transform-origin? -webkit-transform-origin
-webkit-transform-style? -webkit-transform-style
-webkit-transition? -webkit-transition
-webkit-transition-delay? -webkit-transition-delay
-webkit-transition-duration? -webkit-transition-duration
-webkit-transition-property? -webkit-transition-property
-webkit-transition-timing-function? -webkit-transition-timing-function
-webkit-user-select? -webkit-user-select
accent-color? accent-color
align-content? align-content
align-items? align-items
align-self? align-self
alignment-baseline? alignment-baseline
anchor-name? anchor-name
anchor-scope? anchor-scope
animation-composition? animation-composition
animation-delay? animation-delay
animation-direction? animation-direction
animation-duration? animation-duration
animation-fill-mode? animation-fill-mode
animation-iteration-count? animation-iteration-count
animation-name? animation-name
animation-play-state? animation-play-state
animation-range? animation-range
animation-range-end? animation-range-end
animation-range-start? animation-range-start
animation-timeline? animation-timeline
animation-timing-function? animation-timing-function
aspect-ratio? aspect-ratio
backdrop-filter? backdrop-filter
backface-visibility? backface-visibility
background-attachment? background-attachment
background-blend-mode? background-blend-mode
background-clip? background-clip
background-color? background-color
background-image? background-image
background-origin? background-origin
background-position? background-position
background-position-x? background-position-x
background-position-y? background-position-y
background-repeat? background-repeat
background-size? background-size
baseline-shift? baseline-shift
baseline-source? baseline-source
block-size? block-size
border-block? border-block
border-block-color? border-block-color
border-block-end? border-block-end
border-block-end-color? border-block-end-color
border-block-end-style? border-block-end-style
border-block-end-width? border-block-end-width
border-block-start? border-block-start
border-block-start-color? border-block-start-color
border-block-start-style? border-block-start-style
border-block-start-width? border-block-start-width
border-block-style? border-block-style
border-block-width? border-block-width
border-bottom? border-bottom
border-bottom-color? border-bottom-color
border-bottom-left-radius? border-bottom-left-radius
border-bottom-right-radius? border-bottom-right-radius
border-bottom-style? border-bottom-style
border-bottom-width? border-bottom-width
border-collapse? border-collapse
border-color? border-color
border-end-end-radius? border-end-end-radius
border-end-start-radius? border-end-start-radius
border-image? border-image
border-image-outset? border-image-outset
border-image-repeat? border-image-repeat
border-image-slice? border-image-slice
border-image-source? border-image-source
border-image-width? border-image-width
border-inline? border-inline
border-inline-color? border-inline-color
border-inline-end? border-inline-end
border-inline-end-color? border-inline-end-color
border-inline-end-style? border-inline-end-style
border-inline-end-width? border-inline-end-width
border-inline-start? border-inline-start
border-inline-start-color? border-inline-start-color
border-inline-start-style? border-inline-start-style
border-inline-start-width? border-inline-start-width
border-inline-style? border-inline-style
border-inline-width? border-inline-width
border-left? border-left
border-left-color? border-left-color
border-left-style? border-left-style
border-left-width? border-left-width
border-radius? border-radius
border-right? border-right
border-right-color? border-right-color
border-right-style? border-right-style
border-right-width? border-right-width
border-spacing? border-spacing
border-start-end-radius? border-start-end-radius
border-start-start-radius? border-start-start-radius
border-style? border-style
border-top? border-top
border-top-color? border-top-color
border-top-left-radius? border-top-left-radius
border-top-right-radius? border-top-right-radius
border-top-style? border-top-style
border-top-width? border-top-width
border-width? border-width
box-decoration-break? box-decoration-break
box-shadow? box-shadow
box-sizing? box-sizing
break-after? break-after
break-before? break-before
break-inside? break-inside
caption-side? caption-side
caret-color? caret-color
clip-path? clip-path
clip-rule? clip-rule
color-interpolation? color-interpolation
color-interpolation-filters? color-interpolation-filters
color-scheme? color-scheme
column-count? column-count
column-fill? column-fill
column-gap? column-gap
column-rule? column-rule
column-rule-color? column-rule-color
column-rule-style? column-rule-style
column-rule-width? column-rule-width
column-span? column-span
column-width? column-width
contain-intrinsic-block-size? contain-intrinsic-block-size
contain-intrinsic-height? contain-intrinsic-height
contain-intrinsic-inline-size? contain-intrinsic-inline-size
contain-intrinsic-size? contain-intrinsic-size
contain-intrinsic-width? contain-intrinsic-width
container-name? container-name
container-type? container-type
content-visibility? content-visibility
counter-increment? counter-increment
counter-reset? counter-reset
counter-set? counter-set
css-float? css-float
dominant-baseline? dominant-baseline
dynamic-range-limit? dynamic-range-limit
empty-cells? empty-cells
field-sizing? field-sizing
fill-opacity? fill-opacity
fill-rule? fill-rule
flex-basis? flex-basis
flex-direction? flex-direction
flex-flow? flex-flow
flex-grow? flex-grow
flex-shrink? flex-shrink
flex-wrap? flex-wrap
flood-color? flood-color
flood-opacity? flood-opacity
font-family? font-family
font-feature-settings? font-feature-settings
font-kerning? font-kerning
font-language-override? font-language-override
font-optical-sizing? font-optical-sizing
font-palette? font-palette
font-size? font-size
font-size-adjust? font-size-adjust
font-stretch? font-stretch
font-style? font-style
font-synthesis? font-synthesis
font-synthesis-small-caps? font-synthesis-small-caps
font-synthesis-style? font-synthesis-style
font-synthesis-weight? font-synthesis-weight
font-variant? font-variant
font-variant-alternates? font-variant-alternates
font-variant-caps? font-variant-caps
font-variant-east-asian? font-variant-east-asian
font-variant-emoji? font-variant-emoji
font-variant-ligatures? font-variant-ligatures
font-variant-numeric? font-variant-numeric
font-variant-position? font-variant-position
font-variation-settings? font-variation-settings
font-weight? font-weight
forced-color-adjust? forced-color-adjust
grid-area? grid-area
grid-auto-columns? grid-auto-columns
grid-auto-flow? grid-auto-flow
grid-auto-rows? grid-auto-rows
grid-column? grid-column
grid-column-end? grid-column-end
grid-column-gap? grid-column-gap
grid-column-start? grid-column-start
grid-gap? grid-gap
grid-row? grid-row
grid-row-end? grid-row-end
grid-row-gap? grid-row-gap
grid-row-start? grid-row-start
grid-template? grid-template
grid-template-areas? grid-template-areas
grid-template-columns? grid-template-columns
grid-template-rows? grid-template-rows
hyphenate-character? hyphenate-character
hyphenate-limit-chars? hyphenate-limit-chars
image-orientation? image-orientation
image-rendering? image-rendering
inline-size? inline-size
inset-block? inset-block
inset-block-end? inset-block-end
inset-block-start? inset-block-start
inset-inline? inset-inline
inset-inline-end? inset-inline-end
inset-inline-start? inset-inline-start
justify-content? justify-content
justify-items? justify-items
justify-self? justify-self
letter-spacing? letter-spacing
lighting-color? lighting-color
line-break? line-break
line-height? line-height
list-style? list-style
list-style-image? list-style-image
list-style-position? list-style-position
list-style-type? list-style-type
margin-block? margin-block
margin-block-end? margin-block-end
margin-block-start? margin-block-start
margin-bottom? margin-bottom
margin-inline? margin-inline
margin-inline-end? margin-inline-end
margin-inline-start? margin-inline-start
margin-left? margin-left
margin-right? margin-right
margin-top? margin-top
marker-end? marker-end
marker-mid? marker-mid
marker-start? marker-start
mask-clip? mask-clip
mask-composite? mask-composite
mask-image? mask-image
mask-mode? mask-mode
mask-origin? mask-origin
mask-position? mask-position
mask-repeat? mask-repeat
mask-size? mask-size
mask-type? mask-type
math-depth? math-depth
math-shift? math-shift
math-style? math-style
max-block-size? max-block-size
max-height? max-height
max-inline-size? max-inline-size
max-width? max-width
min-block-size? min-block-size
min-height? min-height
min-inline-size? min-inline-size
min-width? min-width
mix-blend-mode? mix-blend-mode
object-fit? object-fit
object-position? object-position
offset-anchor? offset-anchor
offset-distance? offset-distance
offset-path? offset-path
offset-position? offset-position
offset-rotate? offset-rotate
outline-color? outline-color
outline-offset? outline-offset
outline-style? outline-style
outline-width? outline-width
overflow-anchor? overflow-anchor
overflow-block? overflow-block
overflow-clip-margin? overflow-clip-margin
overflow-inline? overflow-inline
overflow-wrap? overflow-wrap
overflow-x? overflow-x
overflow-y? overflow-y
overscroll-behavior? overscroll-behavior
overscroll-behavior-block? overscroll-behavior-block
overscroll-behavior-inline? overscroll-behavior-inline
overscroll-behavior-x? overscroll-behavior-x
overscroll-behavior-y? overscroll-behavior-y
padding-block? padding-block
padding-block-end? padding-block-end
padding-block-start? padding-block-start
padding-bottom? padding-bottom
padding-inline? padding-inline
padding-inline-end? padding-inline-end
padding-inline-start? padding-inline-start
padding-left? padding-left
padding-right? padding-right
padding-top? padding-top
page-break-after? page-break-after
page-break-before? page-break-before
page-break-inside? page-break-inside
paint-order? paint-order
perspective-origin? perspective-origin
place-content? place-content
place-items? place-items
place-self? place-self
pointer-events? pointer-events
position-anchor? position-anchor
position-area? position-area
position-try? position-try
position-try-fallbacks? position-try-fallbacks
position-try-order? position-try-order
position-visibility? position-visibility
print-color-adjust? print-color-adjust
row-gap? row-gap
ruby-align? ruby-align
ruby-position? ruby-position
scroll-behavior? scroll-behavior
scroll-margin? scroll-margin
scroll-margin-block? scroll-margin-block
scroll-margin-block-end? scroll-margin-block-end
scroll-margin-block-start? scroll-margin-block-start
scroll-margin-bottom? scroll-margin-bottom
scroll-margin-inline? scroll-margin-inline
scroll-margin-inline-end? scroll-margin-inline-end
scroll-margin-inline-start? scroll-margin-inline-start
scroll-margin-left? scroll-margin-left
scroll-margin-right? scroll-margin-right
scroll-margin-top? scroll-margin-top
scroll-padding? scroll-padding
scroll-padding-block? scroll-padding-block
scroll-padding-block-end? scroll-padding-block-end
scroll-padding-block-start? scroll-padding-block-start
scroll-padding-bottom? scroll-padding-bottom
scroll-padding-inline? scroll-padding-inline
scroll-padding-inline-end? scroll-padding-inline-end
scroll-padding-inline-start? scroll-padding-inline-start
scroll-padding-left? scroll-padding-left
scroll-padding-right? scroll-padding-right
scroll-padding-top? scroll-padding-top
scroll-snap-align? scroll-snap-align
scroll-snap-stop? scroll-snap-stop
scroll-snap-type? scroll-snap-type
scroll-timeline? scroll-timeline
scroll-timeline-axis? scroll-timeline-axis
scroll-timeline-name? scroll-timeline-name
scrollbar-color? scrollbar-color
scrollbar-gutter? scrollbar-gutter
scrollbar-width? scrollbar-width
shape-image-threshold? shape-image-threshold
shape-margin? shape-margin
shape-outside? shape-outside
shape-rendering? shape-rendering
stop-color? stop-color
stop-opacity? stop-opacity
stroke-dasharray? stroke-dasharray
stroke-dashoffset? stroke-dashoffset
stroke-linecap? stroke-linecap
stroke-linejoin? stroke-linejoin
stroke-miterlimit? stroke-miterlimit
stroke-opacity? stroke-opacity
stroke-width? stroke-width
tab-size? tab-size
table-layout? table-layout
text-align? text-align
text-align-last? text-align-last
text-anchor? text-anchor
text-autospace? text-autospace
text-box? text-box
text-box-edge? text-box-edge
text-box-trim? text-box-trim
text-combine-upright? text-combine-upright
text-decoration? text-decoration
text-decoration-color? text-decoration-color
text-decoration-line? text-decoration-line
text-decoration-skip-ink? text-decoration-skip-ink
text-decoration-style? text-decoration-style
text-decoration-thickness? text-decoration-thickness
text-emphasis? text-emphasis
text-emphasis-color? text-emphasis-color
text-emphasis-position? text-emphasis-position
text-emphasis-style? text-emphasis-style
text-indent? text-indent
text-justify? text-justify
text-orientation? text-orientation
text-overflow? text-overflow
text-rendering? text-rendering
text-shadow? text-shadow
text-transform? text-transform
text-underline-offset? text-underline-offset
text-underline-position? text-underline-position
text-wrap? text-wrap
text-wrap-mode? text-wrap-mode
text-wrap-style? text-wrap-style
timeline-scope? timeline-scope
touch-action? touch-action
transform-box? transform-box
transform-origin? transform-origin
transform-style? transform-style
transition-behavior? transition-behavior
transition-delay? transition-delay
transition-duration? transition-duration
transition-property? transition-property
transition-timing-function? transition-timing-function
unicode-bidi? unicode-bidi
user-select? user-select
vector-effect? vector-effect
vertical-align? vertical-align
view-timeline? view-timeline
view-timeline-axis? view-timeline-axis
view-timeline-inset? view-timeline-inset
view-timeline-name? view-timeline-name
view-transition-class? view-transition-class
view-transition-name? view-transition-name
webkit-align-content? webkit-align-content
webkit-align-items? webkit-align-items
webkit-align-self? webkit-align-self
webkit-animation? webkit-animation
webkit-animation-delay? webkit-animation-delay
webkit-animation-direction? webkit-animation-direction
webkit-animation-duration? webkit-animation-duration
webkit-animation-fill-mode? webkit-animation-fill-mode
webkit-animation-iteration-count? webkit-animation-iteration-count
webkit-animation-name? webkit-animation-name
webkit-animation-play-state? webkit-animation-play-state
webkit-animation-timing-function? webkit-animation-timing-function
webkit-appearance? webkit-appearance
webkit-backface-visibility? webkit-backface-visibility
webkit-background-clip? webkit-background-clip
webkit-background-origin? webkit-background-origin
webkit-background-size? webkit-background-size
webkit-border-bottom-left-radius? webkit-border-bottom-left-radius
webkit-border-bottom-right-radius? webkit-border-bottom-right-radius
webkit-border-radius? webkit-border-radius
webkit-border-top-left-radius? webkit-border-top-left-radius
webkit-border-top-right-radius? webkit-border-top-right-radius
webkit-box-align? webkit-box-align
webkit-box-flex? webkit-box-flex
webkit-box-ordinal-group? webkit-box-ordinal-group
webkit-box-orient? webkit-box-orient
webkit-box-pack? webkit-box-pack
webkit-box-shadow? webkit-box-shadow
webkit-box-sizing? webkit-box-sizing
webkit-filter? webkit-filter
webkit-flex? webkit-flex
webkit-flex-basis? webkit-flex-basis
webkit-flex-direction? webkit-flex-direction
webkit-flex-flow? webkit-flex-flow
webkit-flex-grow? webkit-flex-grow
webkit-flex-shrink? webkit-flex-shrink
webkit-flex-wrap? webkit-flex-wrap
webkit-justify-content? webkit-justify-content
webkit-line-clamp? webkit-line-clamp
webkit-mask? webkit-mask
webkit-mask-box-image? webkit-mask-box-image
webkit-mask-box-image-outset? webkit-mask-box-image-outset
webkit-mask-box-image-repeat? webkit-mask-box-image-repeat
webkit-mask-box-image-slice? webkit-mask-box-image-slice
webkit-mask-box-image-source? webkit-mask-box-image-source
webkit-mask-box-image-width? webkit-mask-box-image-width
webkit-mask-clip? webkit-mask-clip
webkit-mask-composite? webkit-mask-composite
webkit-mask-image? webkit-mask-image
webkit-mask-origin? webkit-mask-origin
webkit-mask-position? webkit-mask-position
webkit-mask-repeat? webkit-mask-repeat
webkit-mask-size? webkit-mask-size
webkit-order? webkit-order
webkit-perspective? webkit-perspective
webkit-perspective-origin? webkit-perspective-origin
webkit-text-fill-color? webkit-text-fill-color
webkit-text-size-adjust? webkit-text-size-adjust
webkit-text-stroke? webkit-text-stroke
webkit-text-stroke-color? webkit-text-stroke-color
webkit-text-stroke-width? webkit-text-stroke-width
webkit-transform? webkit-transform
webkit-transform-origin? webkit-transform-origin
webkit-transform-style? webkit-transform-style
webkit-transition? webkit-transition
webkit-transition-delay? webkit-transition-delay
webkit-transition-duration? webkit-transition-duration
webkit-transition-property? webkit-transition-property
webkit-transition-timing-function? webkit-transition-timing-function
webkit-user-select? webkit-user-select
white-space? white-space
white-space-collapse? white-space-collapse
will-change? will-change
word-break? word-break
word-spacing? word-spacing
word-wrap? word-wrap
writing-mode? writing-mode
z-index? z-index

Examples#

ts
import type { CSSProperties } from "@shadow-js/web";

const accent = "rebeccapurple";
const style: CSSProperties = { backgroundColor: "red", "margin-top": 4, "--accent": accent };
const box = <div style={style} />;