Skip to main content

Properties

All properties are optional and strings.

PropertyDescription
alignContentAligns a flex container's lines within the flex container when there is extra space on the cross-axis.
alignItemsAligns items along the cross-axis of a flex container.
alignSelfAligns a flex item along the cross-axis of the flex container.
aspectRatioSpecifies the aspect ratio of an element's box.
backfaceVisibilityDetermines whether or not the back face of an element is visible when facing the user.
backgroundColorSets the background color of an element.
borderBottomColorSets the color of the bottom border of an element.
borderBottomLeftRadiusSets the radius of the bottom-left corner of an element's border.
borderBottomRightRadiusSets the radius of the bottom-right corner of an element's border.
borderBottomWidthSets the width of the bottom border of an element.
borderColorSets the color of all four borders of an element.
borderLeftColorSets the color of the left border of an element.
borderLeftWidthSets the width of the left border of an element.
borderRadiusSets the radius of all four corners of an element's border.
borderRightColorSets the color of the right border of an element.
borderRightWidthSets the width of the right border of an element.
borderStyleSets the style of all four borders of an element.
borderTopColorSets the color of the top border of an element.
borderTopLeftRadiusSets the radius of the top-left corner of an element's border.
borderTopRightRadiusSets the radius of the top-right corner of an element's border.
borderTopWidthSets the width of the top border of an element.
borderWidthSets the width of all four borders of an element.
bottomSets the distance between the bottom edge of an element and the bottom edge of its containing element.
colorSets the color of an element's text.
decomposedMatrixSpecifies a 2D or 3D transformation matrix for an element.
directionSpecifies the direction of an element's text.
displaySpecifies how an element should be displayed.
elevationSpecifies the elevation of an element.
flexSpecifies the length of an element's flex item.
flexBasisSpecifies the initial length of a flex item.
flexDirectionSpecifies the direction of the main axis of a flex container.
flexGrowSpecifies how much an element should grow relative to the rest of the flex items in the container.
flexShrinkSpecifies how much an element should shrink relative to the rest of the flex items in the container.
flexWrapSpecifies whether flex items should wrap or not when there is not enough room on one line.
fontFamilySpecifies the font family of an element's text.
fontSizeSpecifies the font size of an element's text.
fontStyleSpecifies the font style of an element's text.
fontVariantSpecifies the font variant of an element's text.
fontWeightSpecifies the font weight of an element's text.
heightSets the height of an element.
includeFontPaddingSpecifies whether an element's font padding should be included in its height.
justifyContentAligns items along the main axis of a flex container.
leftSets the distance between the left edge of an element and the left edge of its containing element.
letterSpacingSets the spacing between characters in an element's text.
lineHeightSets the height of a line of text in an element.
marginSets the margin of an element on all four sides.
marginBottomSets the margin of an element on its bottom side.
marginHorizontalSets the margin of an element on its left and right sides.
marginLeftSets the margin of an element on its left side.
marginRightSets the margin of an element on its right side.
marginTopSets the margin of an element on its top side.
marginVerticalSets the margin of an element on its top and bottom sides.
maxHeightSets the maximum height of an element.
maxWidthSets the maximum width of an element.
minHeightSets the minimum height of an element.
minWidthSets the minimum width of an element.
opacitySets the opacity of an element.
overflowSpecifies what should happen when an element's content overflows its container.
overlayColorSpecifies the color of an element's overlay.
paddingSets the padding of an element on all four sides.
paddingBottomSets the padding of an element on its bottom side.
paddingHorizontalSets the padding of an element on its left and right sides.
paddingLeftSets the padding of an element on its left side.
paddingRightSets the padding of an element on its right side.
paddingTopSets the padding of an element on its top side.
paddingVerticalSets the padding of an element on its top and bottom sides.
positionSpecifies the position of an element.
resizeModeSpecifies how an element's content should be resized to fit its container.
rightSets the distance between the right edge of an element and the right edge of its containing element.
rotationSpecifies the rotation of an element.
scaleXSpecifies the horizontal scaling of an element.
scaleYSpecifies the vertical scaling of an element.
shadowColorSpecifies the color of an element's shadow.
shadowOffsetSpecifies the offset of an element's shadow.
shadowOpacitySpecifies the opacity of an element's shadow.
shadowRadiusSpecifies the radius of an element's shadow.
textAlignSpecifies the horizontal alignment of an element's text.
textAlignVerticalSpecifies the vertical alignment of an element's text.
textDecorationColorSpecifies the color of an element's text decoration.
textDecorationLineSpecifies the type of text decoration to apply to an element's text.
textDecorationStyleSpecifies the style of an element's text decoration.
textShadowColorSpecifies the color of an element's text shadow.
textShadowOffsetSpecifies the offset of an element's text shadow.
textShadowRadiusSpecifies the radius of an element's text shadow.
tintColorSpecifies the tint color of an element.
topSets the distance between the top edge of an element and the top edge of its containing element.
transformSpecifies a 2D or 3D transformation to apply to an element.
transformMatrixSpecifies a 2D or 3D transformation matrix to apply to an element.
translateXSpecifies the horizontal translation of an element.
translateYSpecifies the vertical translation of an element.
widthSets the width of an element.
writingDirectionSpecifies the writing direction of an element's text.
zIndexSets the z-index of an element.