Style Props

Animation

Props	Style Property
`animation`	`animation`
`animationComposition`	`animation-composition`
`animationDelay`	`animation-delay`
`animationDirection`	`animation-direction`
`animationDir`	`animation-direction`
`animationDuration`	`animation-duration`
`animationFillMode`	`animation-fill-mode`
`animationIterationCount`	`animation-iteration-count`
`animationName`	`animation-name`
`animationPlayState`	`animation-play-state`
`animationTimingFunction`	`animation-timing-function`
`animationTimeline`	`animation-timeline`

Background

Props	Style Property
`background, bg`	`background`
`backgroundAttachment, bgAttachment`	`background-attachment`
`backgroundBlendMode`	`background-blend-mode`
`backgroundClip, bgClip`	`background-clip`
`backgroundColor, bgColor`	`background-color`
`backgroundImage, bgImage`	`background-image`
`backgroundOrigin, bgOrigin`	`background-origin`
`backgroundPosition, bgPosition`	`background-position`
`backgroundPositionX, bgPositionX`	`background-position-x`
`backgroundPositionY, bgPositionY`	`background-position-y`
`backgroundRepeat, bgRepeat`	`background-repeat`
`backgroundSize, bgSize`	`background-size`

Blending

Props	Style Property
`backgroundBlendMode`	`background-blend-mode`
`isolation`	`isolation`
`mixBlendMode`	`mix-blend-mode`

Border

Props	Style Property
`border`	`border`
`borderBottom`	`border-bottom`
`borderBottomColor`	`border-bottom-color`
`borderBottomLeftRadius`	`border-bottom-left-radius`
`borderBottomRightRadius`	`border-bottom-right-radius`
`borderBottomStyle`	`border-bottom-style`
`borderBottomWidth`	`border-bottom-width`
`borderCollapse`	`border-collapse`
`borderColor`	`border-color`
`borderImage`	`border-image`
`borderImageOutset`	`border-image-outset`
`borderImageRepeat`	`border-image-repeat`
`borderImageSlice`	`border-image-slice`
`borderImageSource`	`border-image-source`
`borderImageWidth`	`border-image-width`
`borderLeft`	`border-left`
`borderLeftColor`	`border-left-color`
`borderLeftStyle`	`border-left-style`
`borderLeftWidth`	`border-left-width`
`borderRadius`	`border-radius`
`borderRight`	`border-right`
`borderRightColor`	`border-right-color`
`borderRightStyle`	`border-right-style`
`borderRightWidth`	`border-right-width`
`borderStyle`	`border-style`
`borderTop`	`border-top`
`borderTopColor`	`border-top-color`
`borderTopLeftRadius`	`border-top-left-radius`
`borderTopRightRadius`	`border-top-right-radius`
`borderTopStyle`	`border-top-style`
`borderTopWidth`	`border-top-width`
`borderWidth`	`border-width`
`boxShadow`	`box-shadow`

Box Align

Props	Style Property
`justifyContent`	`justify-content`
`alignContent`	`align-content`
`placeContent`	`place-content`
`justifyItems`	`justify-items`
`alignItems`	`align-items`
`placeItems`	`place-items`
`justifySelf`	`justify-self`
`alignSelf`	`align-self`
`placeSelf`	`place-self`
`rowGap`	`row-gap`
`columnGap`	`column-gap`
`gap`	`gap`

Box Model

Props	Style Property
`margin`	`margin`
`marginBottom`	`margin-bottom`
`marginLeft`	`margin-left`
`marginRight`	`margin-right`
`marginTop`	`margin-top`
`m`	`margin`
`mx`	`margin-left`, `margin-right`
`my`	`margin-top`, `margin-bottom`
`mb`	`margin-bottom`
`ml`	`margin-left`
`mr`	`margin-right`
`mt`	`margin-top`
`padding`	`padding`
`paddingBottom`	`padding-bottom`
`paddingLeft`	`padding-left`
`paddingRight`	`padding-right`
`paddingTop`	`padding-top`
`p`	`padding`
`px`	`padding-left`, `padding-right`
`py`	`padding-top`, `padding-bottom`
`pb`	`padding-bottom`
`pl`	`padding-left`
`pr`	`padding-right`
`pt`	`padding-top`

BoxSizing

Props	Style Property
`aspectRatio`	`aspect-ratio`
`boxSizing`	`box-sizing`
`containIntrinsicBlockSize`	`contain-intrinsic-block-size`
`containIntrinsicHeight`	`contain-intrinsic-height`
`containIntrinsicInlineSize`	`contain-intrinsic-inline-size`
`containIntrinsicSize`	`contain-intrinsic-size`
`containIntrinsicWidth`	`contain-intrinsic-width`
`height`	`height`
`maxHeight`	`max-height`
`maxWidth`	`max-width`
`minHeight`	`min-height`
`minWidth`	`min-width`
`width`	`width`
`h`	`height`
`maxH`	`max-height`
`maxW`	`max-width`
`minH`	`min-height`
`minW`	`min-width`
`w`	`width`
`boxSize`	`width`, `height`

Color

Props	Style Property
`colorScheme`	`color-scheme`
`forcedColorAdjust`	`forced-color-adjust`
`printColorAdjust`	`print-color-adjust`
`color`	`color`
`opacity`	`opacity`

Display

Props	Style Property
`display`	`display`

FilterEffect

Props	Style Property
`backdropFilter`	`backdrop-filter`
`filter`	`filter`

Flex

Props	Style Property
`flex`	`flex`
`flexBasis`	`flex-basis`
`flexDirection`	`flex-direction`
`flexFlow`	`flex-flow`
`flexGrow`	`flex-grow`
`flexShrink`	`flex-shrink`
`flexWrap`	`flex-wrap`
`order`	`order`
`flexDir`	`flex-direction`

Font

Props	Style Property
`font`	`font`
`fontFamily`	`font-family`
`fontFeatureSettings`	`font-feature-settings`
`fontKerning`	`font-kerning`
`fontLanguageOverride`	`font-language-override`
`fontOpticalSizing`	`font-optical-sizing`
`fontSize`	`font-size`
`fontSizeAdjust`	`font-size-adjust`
`fontStretch`	`font-stretch`
`fontStyle`	`font-style`
`fontSynthesis`	`font-synthesis`
`fontVariant`	`font-variant`
`fontVariantAlternates`	`font-variant-alternates`
`fontVariantCaps`	`font-variant-caps`
`fontVariantEastAsian`	`font-variant-east-asian`
`fontVariantLigatures`	`font-variant-ligatures`
`fontVariantNumeric`	`font-variant-numeric`
`fontVariantPosition`	`font-variant-position`
`fontVariationSettings`	`font-variation-settings`
`fontWeight`	`font-weight`
`lineHeight`	`line-height`

Grid

Props	Style Property
`gridTemplateColumns`	`grid-template-columns`
`gridTemplateRows`	`grid-template-rows`
`gridTemplateAreas`	`grid-template-areas`
`gridTemplate`	`grid-template`
`gridAutoColumns`	`grid-auto-columns`
`gridAutoRows`	`grid-auto-rows`
`gridAutoFlow`	`grid-auto-flow`
`grid`	`grid`
`gridRowStart`	`grid-row-start`
`gridColumnStart`	`grid-column-start`
`gridRowEnd`	`grid-row-end`
`gridColumnEnd`	`grid-column-end`
`gridRow`	`grid-row`
`gridColumn`	`grid-column`
`gridArea`	`grid-area`
`gridRowGap`	`grid-row-gap`
`gridColumnGap`	`grid-column-gap`
`gridGap`	`grid-gap`

Image

Props	Style Property
`imageOrientation`	`image-orientation`
`imageRendering`	`image-rendering`
`imageResolution`	`image-resolution`
`objectFit`	`object-fit`
`objectPosition`	`object-position`

Inline

Props	Style Property
`alignmentBaseline`	`alignment-baseline`
`dominantBaseline`	`dominant-baseline`
`initialLetter`	`initial-letter`
`lineHeight`	`line-height`

List

Props	Style Property
`listStyleImage`	`list-style-image`
`listStyleType`	`list-style-type`
`listStylePosition`	`list-style-position`
`listStyle`	`list-style`

Masking

Props	Style Property
`clipPath`	`clip-path`
`clipRule`	`clip-rule`
`mask`	`mask`
`maskBorder`	`mask-border`
`maskBorderMode`	`mask-border-mode`
`maskBorderOutset`	`mask-border-outset`
`maskBorderRepeat`	`mask-border-repeat`
`maskBorderSlice`	`mask-border-slice`
`maskBorderSource`	`mask-border-source`
`maskBorderWidth`	`mask-border-width`
`maskClip`	`mask-clip`
`maskComposite`	`mask-composite`
`maskImage`	`mask-image`
`maskMode`	`mask-mode`
`maskOrigin`	`mask-origin`
`maskPosition`	`mask-position`
`maskRepeat`	`mask-repeat`
`maskSize`	`mask-size`
`maskType`	`mask-type`

Motion Path

Props	Style Property
`offset`	`offset`
`offsetAnchor`	`offset-anchor`
`offsetDistance`	`offset-distance`
`offsetPath`	`offset-path`
`offsetPosition`	`offset-position`
`offsetRotate`	`offset-rotate`

Overflow

Props	Style Property
`overflow`	`overflow`
`overflowBlock`	`overflow-block`
`overflowClipMargin`	`overflow-clip-margin`
`overflowInline`	`overflow-inline`
`overflowX`	`overflow-x`
`overflowY`	`overflow-y`
`scrollBehavior`	`scroll-behavior`
`scrollbarGutter`	`scrollbar-gutter`
`textOverflow`	`text-overflow`

OverflowBehavior

Props	Style Property
`overscrollBehavior`	`overscroll-behavior`
`overscrollBehaviorBlock`	`overscroll-behavior-block`
`overscrollBehaviorInline`	`overscroll-behavior-inline`
`overscrollBehaviorX`	`overscroll-behavior-x`
`overscrollBehaviorY`	`overscroll-behavior-y`

Position

Props	Style Property
`top`	`top`
`right`	`right`
`bottom`	`bottom`
`left`	`left`
`inset`	`inset`
`insetInline`	`inset-inline`
`insetInlineStart`	`inset-inline-start`
`insetInlineEnd`	`inset-inline-end`
`insetBlock`	`inset-block`
`insetBlockStart`	`inset-block-start`
`insetBlockEnd`	`inset-block-end`
`float`	`float`
`clear`	`clear`
`position`	`position`
`pos`	`position`
`zIndex`	`z-index`

Scrollbar

Props	Style Property
`scrollbarWidth`	`scrollbar-width`
`scrollbarColor`	`scrollbar-color`

Shape

Props	Style Property
`shapeOutside`	`shape-outside`
`shapeMargin`	`shape-margin`
`shapeImageThreshold`	`shape-image-threshold`

Table

Props	Style Property
`borderCollapse`	`border-collapse`
`borderSpacing`	`border-spacing`
`captionSide`	`caption-side`
`emptyCells`	`empty-cells`
`tableLayout`	`table-layout`
`verticalAlign`	`vertical-align`

Text

Props	Style Property
`hangingPunctuation`	`hanging-punctuation`
`hyphenateLimitChars`	`hyphenate-limit-chars`
`hyphens`	`hyphens`
`lineBreak`	`line-break`
`overflowWrap`	`overflow-wrap`
`tabSize`	`tab-size`
`textAlignLast`	`text-align-last`
`textJustify`	`text-justify`
`textSizeAdjust`	`text-size-adjust`
`textWrap`	`text-wrap`
`whiteSpaceCollapse`	`white-space-collapse`
`wordBreak`	`word-break`
`letterSpacing`	`letter-spacing`
`textAlign`	`text-align`
`textDecoration`	`text-decoration`
`textDecorationColor`	`text-decoration-color`
`textDecorationLine`	`text-decoration-line`
`textDecorationStyle`	`text-decoration-style`
`textEmphasis`	`text-emphasis`
`textEmphasisColor`	`text-emphasis-color`
`textEmphasisPosition`	`text-emphasis-position`
`textEmphasisStyle`	`text-emphasis-style`
`textIndent`	`text-indent`
`textRendering`	`text-rendering`
`textShadow`	`text-shadow`
`textTransform`	`text-transform`
`whiteSpace`	`white-space`
`wordSpacing`	`word-spacing`
`content`	`content`
`typography`	Theme

Transform

Props	Style Property
`backfaceVisibility`	`backface-visibility`
`perspective`	`perspective`
`perspectiveOrigin`	`perspective-origin`
`rotate`	`rotate`
`scale`	`scale`
`transform`	`transform`
`transformBox`	`transform-box`
`transformOrigin`	`transform-origin`
`transformStyle`	`transform-style`
`translate`	`translate`

Transition

Props	Style Property
`transition`	`transition`
`transitionDelay`	`transition-delay`
`transitionDuration`	`transition-duration`
`transitionProperty`	`transition-property`
`transitionTimingFunction`	`transition-timing-function`

Ui

Props	Style Property
`accentColor`	`accent-color`
`appearance`	`appearance`
`caret`	`caret`
`caretColor`	`caret-color`
`caretShape`	`caret-shape`
`cursor`	`cursor`
`outline`	`outline`
`outlineColor`	`outline-color`
`outlineStyle`	`outline-style`
`outlineWidth`	`outline-width`
`outlineOffset`	`outline-offset`
`pointerEvents`	`pointer-events`
`resize`	`resize`
`userSelect`	`user-select`

ViewTransition

Props	Style Property
`viewTransitionName`	`view-transition-name`

Svg

Props	Style Property
`fill`	`fill`
`stroke`	`stroke`
`strokeWidth`	`stroke-width`
`strokeOpacity`	`stroke-opacity`