| 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 |