| Property |
Description |
CSS |
| alignContent |
Sets or returns the alignment between the lines inside a flexible container when the items do not use all available space |
3 |
| alignItems |
Sets or returns the alignment for items inside a flexible container |
3 |
| alignSelf |
Sets or returns the alignment for selected items inside a flexible container |
3 |
| animation |
A shorthand property for all the animation properties below, except the animationPlayState property |
3 |
| animationDelay |
Sets or returns when the animation will start |
3 |
| animationDirection |
Sets or returns whether or not the animation should play in reverse on alternate cycles |
3 |
| animationDuration |
Sets or returns how many seconds or milliseconds an animation takes to complete one cycle |
3 |
| animationFillMode |
Sets or returns what values are applied by the animation outside the time it is executing |
3 |
| animationIterationCount |
Sets or returns the number of times an animation should be played |
3 |
| animationName |
Sets or returns a name for the @keyframes animation |
3 |
| animationTimingFunction |
Sets or returns the speed curve of the animation |
3 |
| animationPlayState |
Sets or returns whether the animation is running or paused |
3 |
| background |
Sets or returns all the background properties in one declaration |
1 |
| backgroundAttachment |
Sets or returns whether a background-image is fixed or scrolls with the page |
1 |
| backgroundColor |
Sets or returns the background-color of an element |
1 |
| backgroundImage |
Sets or returns the background-image for an element |
1 |
| backgroundPosition |
Sets or returns the starting position of a background-image |
1 |
| backgroundRepeat |
Sets or returns how to repeat (tile) a background-image |
1 |
| backgroundClip |
Sets or returns the painting area of the background |
3 |
| backgroundOrigin |
Sets or returns the positioning area of the background images |
3 |
| backgroundSize |
Sets or returns the size of the background image |
3 |
| backfaceVisibility |
Sets or returns whether or not an element should be visible when not facing the screen |
3 |
| border |
Sets or returns borderWidth, borderStyle, and borderColor in one declaration |
1 |
| borderBottom |
Sets or returns all the borderBottom properties in one declaration |
1 |
| borderBottomColor |
Sets or returns the color of the bottom border |
1 |
| borderBottomLeftRadius |
Sets or returns the shape of the border of the bottom-left corner |
3 |
| borderBottomRightRadius |
Sets or returns the shape of the border of the bottom-right corner |
3 |
| borderBottomStyle |
Sets or returns the style of the bottom border |
1 |
| borderBottomWidth |
Sets or returns the width of the bottom border |
1 |
| borderCollapse |
Sets or returns whether the table border should be collapsed into a single border, or not |
2 |
| borderColor |
Sets or returns the color of an element's border (can have up to four values) |
1 |
| borderImage |
A shorthand property for setting or returning all the borderImage properties |
3 |
| borderImageOutset |
Sets or returns the amount by which the border image area extends beyond the border box |
3 |
| borderImageRepeat |
Sets or returns whether the image-border should be repeated, rounded or stretched |
3 |
| borderImageSlice |
Sets or returns the inward offsets of the image-border |
3 |
| borderImageSource |
Sets or returns the image to be used as a border |
3 |
| borderImageWidth |
Sets or returns the widths of the image-border |
3 |
| borderLeft |
Sets or returns all the borderLeft properties in one declaration |
1 |
| borderLeftColor |
Sets or returns the color of the left border |
1 |
| borderLeftStyle |
Sets or returns the style of the left border |
1 |
| borderLeftWidth |
Sets or returns the width of the left border |
1 |
| borderRadius |
A shorthand property for setting or returning all the four borderRadius properties |
3 |
| borderRight |
Sets or returns all the borderRight properties in one declaration |
1 |
| borderRightColor |
Sets or returns the color of the right border |
1 |
| borderRightStyle |
Sets or returns the style of the right border |
1 |
| borderRightWidth |
Sets or returns the width of the right border |
1 |
| borderSpacing |
Sets or returns the space between cells in a table |
2 |
| borderStyle |
Sets or returns the style of an element's border (can have up to four values) |
1 |
| borderTop |
Sets or returns all the borderTop properties in one declaration |
1 |
| borderTopColor |
Sets or returns the color of the top border |
1 |
| borderTopLeftRadius |
Sets or returns the shape of the border of the top-left corner |
3 |
| borderTopRightRadius |
Sets or returns the shape of the border of the top-right corner |
3 |
| borderTopStyle |
Sets or returns the style of the top border |
1 |
| borderTopWidth |
Sets or returns the width of the top border |
1 |
| borderWidth |
Sets or returns the width of an element's border (can have up to four values) |
1 |
| bottom |
Sets or returns the bottom position of a positioned element |
2 |
| boxDecorationBreak |
Sets or returns the behaviour of the background and border of an element at page-break, or, for in-line elements, at line-break. |
3 |
| boxShadow |
Attaches one or more drop-shadows to the box |
3 |
| boxSizing |
Allows you to define certain elements to fit an area in a certain way |
3 |
<!--
| breakAfter |
|
3 |
| breakBefore |
|
3 |
| breakInside |
|
3 |
-->
| captionSide |
Sets or returns the position of the table caption |
2 |
| caretColor |
Sets or returns the caret/cursor color of an element |
3 |
| clear |
Sets or returns the position of the element relative to floating objects |
1 |
| clip |
Sets or returns which part of a positioned element is visible |
2 |
| color |
Sets or returns the color of the text |
1 |
| columnCount |
Sets or returns the number of columns an element should be divided into |
3 |
| columnFill |
Sets or returns how to fill columns |
3 |
| columnGap |
Sets or returns the gap between the columns |
3 |
| columnRule |
A shorthand property for setting or returning all the columnRule properties |
3 |
| columnRuleColor |
Sets or returns the color of the rule between columns |
3 |
| columnRuleStyle |
Sets or returns the style of the rule between columns |
3 |
| columnRuleWidth |
Sets or returns the width of the rule between columns |
3 |
| columns |
A shorthand property for setting or returning columnWidth and columnCount |
3 |
| columnSpan |
Sets or returns how many columns an element should span across |
3 |
| columnWidth |
Sets or returns the width of the columns |
3 |
| content |
Used with the :before and :after pseudo-elements, to insert generated content |
2 |
| counterIncrement |
Increments one or more counters |
2 |
| counterReset |
Creates or resets one or more counters |
2 |
| cursor |
Sets or returns the type of cursor to display for the mouse pointer |
2 |
| direction |
Sets or returns the text direction |
2 |
| display |
Sets or returns an element's display type |
1 |
| emptyCells |
Sets or returns whether to show the border and background of empty cells, or not |
2 |
| filter |
Sets or returns image filters (visual effects, like blur and saturation) |
3 |
| flex |
Sets or returns the length of the item, relative to the rest |
3 |
| flexBasis |
Sets or returns the initial length of a flexible item |
3 |
| flexDirection |
Sets or returns the direction of the flexible items |
3 |
| flexFlow |
A shorthand property for the flexDirection and the flexWrap properties |
3 |
| flexGrow |
Sets or returns how much the item will grow relative to the rest |
3 |
| flexShrink |
Sets or returns how the item will shrink relative to the rest |
3 |
| flexWrap |
Sets or returns whether the flexible items should wrap or not |
3 |
| cssFloat |
Sets or returns the horizontal alignment of an element |
1 |
| font |
Sets or returns fontStyle, fontVariant, fontWeight, fontSize, lineHeight, and fontFamily in one declaration |
1 |
| fontFamily |
Sets or returns the font family for text |
1 |
| fontSize |
Sets or returns the font size of the text |
1 |
| fontStyle |
Sets or returns whether the style of the font is normal, italic or oblique |
1 |
| fontVariant |
Sets or returns whether the font should be displayed in small capital letters |
1 |
| fontWeight |
Sets or returns the boldness of the font |
1 |
| fontSizeAdjust |
Preserves the readability of text when font fallback occurs |
3 |
| fontStretch |
Selects a normal, condensed, or expanded face from a font family |
3 |
| hangingPunctuation |
Specifies whether a punctuation character may be placed outside the line box |
3 |
| height |
Sets or returns the height of an element |
1 |
| hyphens |
Sets how to split words to improve the layout of paragraphs |
3 |
| icon |
Provides the author the ability to style an element with an iconic equivalent |
3 |
| imageOrientation |
Specifies a rotation in the right or clockwise direction that a user agent applies to an image |
3 |
| isolation |
Defines whether an element must create a new stacking content |
3 |
| justifyContent |
Sets or returns the alignment between the items inside a flexible container when the items do not use all available space. |
3 |
| left |
Sets or returns the left position of a positioned element |
2 |
| letterSpacing |
Sets or returns the space between characters in a text |
1 |
| lineHeight |
Sets or returns the distance between lines in a text |
1 |
| listStyle |
Sets or returns listStyleImage, listStylePosition, and listStyleType in one declaration |
1 |
| listStyleImage |
Sets or returns an image as the list-item marker |
1 |
| listStylePosition |
Sets or returns the position of the list-item marker |
1 |
| listStyleType |
Sets or returns the list-item marker type |
1 |
| margin |
Sets or returns the margins of an element (can have up to four values) |
1 |
| marginBottom |
Sets or returns the bottom margin of an element |
1 |
| marginLeft |
Sets or returns the left margin of an element |
1 |
| marginRight |
Sets or returns the right margin of an element |
1 |
| marginTop |
Sets or returns the top margin of an element |
1 |
| maxHeight |
Sets or returns the maximum height of an element |
2 |
| maxWidth |
Sets or returns the maximum width of an element |
2 |
| minHeight |
Sets or returns the minimum height of an element |
2 |
| minWidth |
Sets or returns the minimum width of an element |
2 |
| navDown |
Sets or returns where to navigate when using the arrow-down navigation key |
3 |
| navIndex |
Sets or returns the tabbing order for an element |
3 |
| navLeft |
Sets or returns where to navigate when using the arrow-left navigation key |
3 |
| navRight |
Sets or returns where to navigate when using the arrow-right navigation key |
3 |
| navUp |
Sets or returns where to navigate when using the arrow-up navigation key |
3 |
| objectFit |
Specifies how the contents of a replaced element should be fitted to the box established by its used height and width |
3 |
| objectPosition |
Specifies the alignment of the replaced element inside its box |
3 |
| opacity |
Sets or returns the opacity level for an element |
3 |
| order |
Sets or returns the order of the flexible item, relative to the rest |
3 |
| orphans |
Sets or returns the minimum number of lines for an element that must be left at the bottom of a page when a page break occurs inside an element |
2 |
| outline |
Sets or returns all the outline properties in one declaration |
2 |
| outlineColor |
Sets or returns the color of the outline around a element |
2 |
| outlineOffset |
Offsets an outline, and draws it beyond the border edge |
3 |
| outlineStyle |
Sets or returns the style of the outline around an element |
2 |
| outlineWidth |
Sets or returns the width of the outline around an element |
2 |
| overflow |
Sets or returns what to do with content that renders outside the element box |
2 |
<!--
| overflowWrap |
|
3 |
-->
| overflowX |
Specifies what to do with the left/right edges of the content, if it overflows the element's content area |
3 |
| overflowY |
Specifies what to do with the top/bottom edges of the content, if it overflows the element's content area |
3 |
| padding |
Sets or returns the padding of an element (can have up to four values) |
1 |
| paddingBottom |
Sets or returns the bottom padding of an element |
1 |
| paddingLeft |
Sets or returns the left padding of an element |
1 |
| paddingRight |
Sets or returns the right padding of an element |
1 |
| paddingTop |
Sets or returns the top padding of an element |
1 |
| pageBreakAfter |
Sets or returns the page-break behavior after an element |
2 |
| pageBreakBefore |
Sets or returns the page-break behavior before an element |
2 |
| pageBreakInside |
Sets or returns the page-break behavior inside an element |
2 |
| perspective |
Sets or returns the perspective on how 3D elements are viewed |
3 |
| perspectiveOrigin |
Sets or returns the bottom position of 3D elements |
3 |
| position |
Sets or returns the type of positioning method used for an element (static, relative, absolute or fixed) |
2 |
| quotes |
Sets or returns the type of quotation marks for embedded quotations |
2 |
| resize |
Sets or returns whether or not an element is resizable by the user |
3 |
| right |
Sets or returns the right position of a positioned element |
2 |
| scrollBehavior |
Specifies whether to smoothly animate the scroll position, instead of a straight jump, when the user clicks on a link within a scrollable boxt |
|
| tableLayout |
Sets or returns the way to lay out table cells, rows, and columns |
2 |
| tabSize |
Sets or returns the length of the tab-character |
3 |
| textAlign |
Sets or returns the horizontal alignment of text |
1 |
| textAlignLast |
Sets or returns how the last line of a block or a line right before a forced line break is aligned when text-align is "justify" |
3 |
| textDecoration |
Sets or returns the decoration of a text |
1 |
| textDecorationColor |
Sets or returns the color of the text-decoration |
3 |
| textDecorationLine |
Sets or returns the type of line in a text-decoration |
3 |
| textDecorationStyle |
Sets or returns the style of the line in a text decoration |
3 |
| textIndent |
Sets or returns the indentation of the first line of text |
1 |
| textJustify |
Sets or returns the justification method used when text-align is "justify" |
3 |
| textOverflow |
Sets or returns what should happen when text overflows the containing element |
3 |
| textShadow |
Sets or returns the shadow effect of a text |
3 |
| textTransform |
Sets or returns the capitalization of a text |
1 |
| top |
Sets or returns the top position of a positioned element |
2 |
| transform |
Applies a 2D or 3D transformation to an element |
3 |
| transformOrigin |
Sets or returns the position of transformed elements |
3 |
| transformStyle |
Sets or returns how nested elements are rendered in 3D space |
3 |
| transition |
A shorthand property for setting or returning the four transition properties |
3 |
| transitionProperty |
Sets or returns the CSS property that the transition effect is for |
3 |
| transitionDuration |
Sets or returns how many seconds or milliseconds a transition effect takes to complete |
3 |
| transitionTimingFunction |
Sets or returns the speed curve of the transition effect |
3 |
| transitionDelay |
Sets or returns when the transition effect will start |
3 |
| unicodeBidi |
Sets or returns whether the text should be overridden to support multiple languages in the same document |
2 |
| userSelect |
Sets or returns whether the text of an element can be selected or not |
2 |
| verticalAlign |
Sets or returns the vertical alignment of the content in an element |
1 |
| visibility |
Sets or returns whether an element should be visible |
2 |
| whiteSpace |
Sets or returns how to handle tabs, line breaks and whitespace in a text |
1 |
| width |
Sets or returns the width of an element |
1 |
| wordBreak |
Sets or returns line breaking rules for non-CJK scripts |
3 |
| wordSpacing |
Sets or returns the spacing between words in a text |
1 |
| wordWrap |
Allows long, unbreakable words to be broken and wrap to the next line |
3 |
| widows |
Sets or returns the minimum number of lines for an element that must be visible at the top of a page |
2 |
| zIndex |
Sets or returns the stack order of a positioned element |
2 |