| Property | Description | CSS |
|---|---|---|
| align-content | align content inside a flexible container | 3 |
| align-items | Align items inside a flexible container | 3 |
| align-self | align selected items inside a flexible container | 3 |
| animation-delay | Set when the animation will start | 3 |
| animation-direction | play animation in reverse on alternate cycles | 3 |
| animation-duration | Set duration in seconds or milliseconds for an animation in one cycle | 3 |
| animation-fill-mode | Set what values to use by the animation is not playing | 3 |
| animation-iteration-count | Set the number of times to play an animation | 3 |
| animation-name | Set a name for the @keyframes animation | 3 |
| animation-play-state | Run or pause the animation | 3 |
| animation-timing-function | Set the speed curve of the animation | 3 |
| animation | Shorthand property for all the animation properties | 3 |
| backface-visibility | Hide or show an element which is not facing the screen | 3 |
| background-attachment | Fix or scroll background image with the rest of the page | 1 |
| background-clip | Set the painting area of the background | 3 |
| background-color | Set the background color | 1 |
| background-image | Set the background image | 1 |
| background-origin | Set the positioning area of the background images | 3 |
| background-position | Set the starting position of a background image | 1 |
| background-repeat | how to repeat a background image | 1 |
| background-size | Set the size of the background images | 3 |
| background | background properties in one declaration | 1 |
| border-bottom-color | Sets the color of the bottom border | 1 |
| border-bottom-left-radius | Set the border radius for the bottom-left corner | 3 |
| border-bottom-right-radius | Set the border radius for the bottom-right corner | 3 |
| border-bottom-style | Set the border bottom style | 1 |
| border-bottom-width | Set the width for bottom border | 1 |
| border-bottom | Shorthand property for bottom border | 1 |
| border-collapse | collapse table borders | 2 |
| border-color | Sets the color for the four borders | 1 |
| border-image-outset | Set distance the border image area extends beyond the border box | 3 |
| border-image-repeat | repeat, round or stretch image-border | 3 |
| border-image-slice | Set the inward offsets of the image-border | 3 |
| border-image-source | Set border image location | 3 |
| border-image-width | Set the widths of the image-border | 3 |
| border-image | Shorthand property for all the border-image-* properties | 3 |
| border-left-color | Set color for left border | 1 |
| border-left-style | Set style for left border | 1 |
| border-left-width | Set width for left border | 1 |
| border-left | Shorthand property for left border | 1 |
| border-radius | shorthand property for setting all the four border-*-radius properties | 3 |
| border-right-color | Set color for right border | 1 |
| border-right-style | Set style for right border | 1 |
| border-right-width | Set width for right border | 1 |
| border-right | Shorthand property for right border | 1 |
| border-spacing | Set the distance between the borders of adjacent cells | 2 |
| border-style | Set style for all four borders | 1 |
| border-top-color | Set color for top border | 1 |
| border-top-left-radius | Set border radius for top left | 3 |
| border-top-right-radius | Set border radius for top right | 3 |
| border-top-style | Set style for top border | 1 |
| border-top-width | Set width for top border | 1 |
| border-top | Shorthand property for top border | 1 |
| border-width | Set border width for all four directions | 1 |
| border | Shorthand border setting | 1 |
| bottom | Set the bottom position of a positioned element | 2 |
| box-shadow | Add drop-shadows to the box | 3 |
| box-sizing | Set what the sizing properties (width and height) should use | 3 |
| caption-side | Set the position of a table caption | 2 |
| clear | Start new line | 1 |
| clip-path | Set the path for clipping | 3 |
| clip | Clips an absolutely positioned element | 3 |
| color | Set the color for text | 1 |
| column-count | Set the number of columns an element should have | 3 |
| column-fill | How to fill columns | 3 |
| column-gap | Set the gap between the columns | 3 |
| column-rule-color | Set the line color between columns | 3 |
| column-rule-style | Set the line style between columns | 3 |
| column-rule-width | Set the line width between columns | 3 |
| column-rule | Shorthand property for lines between columns | |
| column-span | Set how many columns an element should span | 3 |
| column-width | Set the width of the columns | 3 |
| columns | Shorthand property for setting column-width and column-count | 3 |
| content | Used with the :before and :after pseudo-elements, to insert content | 2 |
| counter-increment | Increments one or more counters | 2 |
| counter-reset | Creates or resets one or more counters | 2 |
| cursor | Set the type of cursor | 2 |
| direction | Specifies the text direction | 2 |
| display | Set how to show elements | 1 |
| empty-cells | display borders and background on empty cells in a table | 2 |
| filter | Add filter effect | 3 |
| flex-basis | Set the initial length of a flexible item | 3 |
| flex-direction | Set the direction of the flexible items | 3 |
| flex-flow | Shorthand property for the flex-direction and the flex-wrap properties | 3 |
| flex-grow | How much to grow relative to the rest | 3 |
| flex-shrink | how to shrink relative to the rest | 3 |
| flex-wrap | whether to wrap the flexible items | 3 |
| flex | Set the length of the item | 3 |
| float | Set whether or not to float an element | 1 |
| @font-face | Load font from web | 3 |
| font-family | Set the font family for text | 1 |
| font-size-adjust | Set the readability of text when font fallback occurs | 3 |
| font-size | Set the font size of text | 1 |
| font-stretch | Choose a normal, condensed, or expanded face for a font family | 3 |
| font-style | Set the font style for text | 1 |
| font-variant | Set to use a small-caps font | 1 |
| font-weight | Set the weight of a font | 1 |
| font | Shorthand property for font | 1 |
| hanging-punctuation | Set whether a punctuation character may be placed outside the line box | 3 |
| height | Set the height of an element | 1 |
| justify-content | Set the alignment between the items inside a flexible container | 3 |
| @keyframes | Create key frame for animation | 3 |
| left | Set the left position of a positioned element | 2 |
| letter-spacing | Set the space between characters in a text | 1 |
| line-height | Sets the line height | 1 |
| list-style-image | Set an image as the list-item marker | 1 |
| list-style-position | Set list-item markers to be inside or outside | 1 |
| list-style-type | Set the type of list-item marker | 1 |
| list-style | Sets list properties in one declaration | 1 |
| margin-bottom | Set the margin for bottom | 1 |
| margin-left | Set the left margin | 1 |
| margin-right | Set the right margin | 1 |
| margin-top | Set the top margin | 1 |
| margin | Set margin for four directions | 1 |
| max-height | Set the max height | 2 |
| max-width | Set the max width | 2 |
| @media | Set the media rule | 2 |
| min-height | Set the min height | 2 |
| min-width | Set the min width | 2 |
| opacity | Sets the opacity level | 3 |
| order | Sets the order of the flexible item | 3 |
| outline-color | Set the outline color | 3 |
| outline-offset | Set the outline offset | 3 |
| outline-style | Set the outline style | 3 |
| outline-width | Set outline width | 3 |
| outline | Shorthand property for outline | 3 |
| overflow-x | Settings for content overflowing in right | 3 |
| overflow-y | Settings for content overflowing in bottom | 3 |
| overflow | Overflow settings in both directions | 3 |
| padding-bottom | Set padding for bottom | 1 |
| padding-left | Set left padding | 1 |
| padding-right | Set right padding | 1 |
| padding-top | Set top padding | 1 |
| padding | Padding shorthand property settings | 1 |
| page-break-after | Add page break after an element | 2 |
| page-break-before | Add page break before an element | 2 |
| page-break-inside | Add page break within an element | 2 |
| perspective-origin | Set the bottom position of 3D elements | 3 |
| perspective | perspective on how 3D elements | 3 |
| position | Set the type of positioning method: static, relative, absolute or fixed | 2 |
| quotes | Sets the type of quotation marks for embedded quotations | 2 |
| resize | if element is resizable by the user | 3 |
| right | Sets the right padding of an element | 1 |
| tab-size | Set the tab char size | 3 |
| table-layout | Set the layout algorithm for a table | 2 |
| text-align-last | how the last line is aligned | 3 |
| text-align | horizontal alignment of text | 1 |
| text-decoration-color | Set the color of the text-decoration | 3 |
| text-decoration-line | Set the line style for text-decoration | 3 |
| text-decoration-style | Set decoration style | 3 |
| text-decoration | Shorthand property for decoration | 3 |
| text-indent | Set text index size | 1 |
| text-justify | Set the justification method | 3 |
| text-overflow | Set what to do for overflowed content | 3 |
| text-shadow | Add shadow to text | 3 |
| text-transform | Set the capitalization of text | 1 |
| top | Set the top position of a positioned element | 2 |
| transform-origin | Set the position on transformed elements | 3 |
| transform-style | Set the style for transformation | 3 |
| transform | Shorthand property for transformation | 3 |
| transition-delay | Delay before the transition | 3 |
| transition-duration | Set the duration of the transition | 3 |
| transition-property | Set the name of the CSS property in the transition effect | 3 |
| transition-timing-function | Set the speed curve of the transition effect | 3 |
| transition | Shorthand property for setting the four transition properties | 3 |
| unicode-bidi | Together with the direction property to override text direction | 2 |
| vertical-align | Sets the vertical alignment of an element | 1 |
| visibility | Show or hide an element | 2 |
| white-space | Set how to handle white-space | 1 |
| width | Set the width of an element | 1 |
| word-break | Set line breaking rules for non-CJK scripts | 3 |
| word-spacing | Set the space between words in a text | 1 |
| word-wrap | Break long, unbreakable words | 3 |
| zoom | How to zoom element | 3 |