Styles

Styles object

A partial set of CSS properties that can be applied to a UI component via a style selector.

PropertyTypeRequiredDescription
backdropFilterstringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter
backgroundColorstringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/background-color
borderstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/border
borderBottomstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom
borderBottomColorstringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-color
borderBottomLeftRadiusstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-left-radius
borderBottomRightRadiusstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius
borderBottomStylestringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-style
borderBottomWidthstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-width
borderColorstringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/border-color
borderLeftstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/border-left
borderLeftColorstringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/border-left-color
borderLeftStylestringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/border-left-style
borderLeftWidthstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/border-left-width
borderRadiusstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/border-radius
borderRightstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/border-right
borderRightColorstringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/border-right-color
borderRightStylestringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/border-right-style
borderRightWidthstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/border-right-width
borderStylestringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/border-style
borderTopstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/border-top
borderTopColorstringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/border-top-color
borderTopLeftRadiusstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/border-top-left-radius
borderTopRightRadiusstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/border-top-right-radius
borderTopStylestringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/border-top-style
borderTopWidthstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width
boxShadowstringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
boxSizingstringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/box-sixing
colorstringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/color
columnGapstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/column-gap
cursorstringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/cursor
fillstringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/fill
fillOpacitystring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/fill-opacity
fontFamilystringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/font-family
fontSizestring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/font-size
fontVariantstringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/font-variant
fontWeightstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/font-weight
gapstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/gap
heightstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/height
leftstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/left
lineHeightstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/line-height
marginstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/margin
marginBlockstringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/margin-block
marginBottomstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom
marginInlinestringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline
marginLeftstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/margin-left
marginRightstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/margin-right
marginTopstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/margin-top
maxHeightstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/max-height
maxWidthstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/max-width
minHeightstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/min-height
minWidthstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/min-width
opacitystring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/opacity
outlinestringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/outline
outlineColorstringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/outline-color
outlineOffsetstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/outline-offset
outlineStylestringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/outline-style
outlineWidthstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/outline-width
paddingstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/padding
paddingBlockstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/padding-block
paddingBottomstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom
paddingInlinestring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline
paddingLeftstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/padding-left
paddingRightstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/padding-right
paddingTopstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/padding-top
rowGapstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/row-gap
strokestringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/stroke
textAlignstringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/text-align
textDecorationstringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration
textShadowstringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow
textTransformstringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/text-transform
transitionstringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/transition
verticalAlignstringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align
whiteSpacestringoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/white-space
widthstring | numberoptionalhttps://developer.mozilla.org/en-US/docs/Web/CSS/width
On this page: