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 |