CSS3 Properties
CSS3 Properties
The following section contains a list of CSS3 properties along with a brief description.
CSS Properties
Order by Category The following section contains a complete list of standard properties belonging to the latest CSS3 specifications. All the properties are listed alphabetically.
| Property | Description |
| align-content | Specifies the alignment of flexible container's items within the flex container. |
| align-items | Specifies the default alignment for items within the flex container. |
| align-self | Specifies the alignment for selected items within the flex container. |
| animation | Specifies the keyframe-based animations. |
| animation-delay | Specifies when the animation will start. |
| animation-direction | Specifies whether the animation should play in reverse on alternate cycles or not. |
| animation-duration | Specifies the number of seconds or milliseconds an animation should take to complete one cycle. |
| animation-fill-mode | Specifies how a CSS animation should apply styles to its target before and after it is executing. |
| animation-iteration-count | Specifies the number of times an animation cycle should be played before stopping. |
| animation-name | Specifies the name of @keyframes defined animations that should be applied to the selected element. |
| animation-play-state | Specifies whether the animation is running or paused. |
| animation-timing-function | Specifies how a CSS animation should progress over the duration of each cycle. |
| backface-visibility | Specifies whether or not the "back" side of a transformed element is visible when facing the user. |
| background | Defines a variety of background properties within one declaration. |
| background-attachment | Specify whether the background image is fixed in the viewport or scrolls. |
| background-clip | Specifies the painting area of the background. |
| background-color | Defines an element's background color. |
| background-image | Defines an element's background image. |
| background-origin | Specifies the positioning area of the background images. |
| background-position | Defines the origin of a background image. |
| background-repeat | Specify whether/how the background image is tiled. |
| background-size | Specifies the size of the background images. |
| border | Sets the width, style, and color for all four sides of an element's border. |
| border-bottom | Sets the width, style, and color of the bottom border of an element. |
| border-bottom-color | Sets the color of the bottom border of an element. |
| border-bottom-left-radius | Defines the shape of the bottom-left border corner of an element. |
| border-bottom-right-radius | Defines the shape of the bottom-right border corner of an element. |
| border-bottom-style | Sets the style of the bottom border of an element. |
| border-bottom-width | Sets the width of the bottom border of an element. |
| border-collapse | Specifies whether table cell borders are connected or separated. |
| border-color | Sets the color of the border on all the four sides of an element. |
| border-image | Specifies how an image is to be used in place of the border styles. |
| border-image-outset | Specifies the amount by which the border image area extends beyond the border box. |
| border-image-repeat | Specifies whether the image-border should be repeated, rounded or stretched. |
| border-image-slice | Specifies the inward offsets of the image-border. |
| border-image-source | Specifies the location of the image to be used as a border. |
| border-image-width | Specifies the width of the image-border. |
| border-left | Sets the width, style, and color of the left border of an element. |
| border-left-color | Sets the color of the left border of an element. |
| border-left-style | Sets the style of the left border of an element. |
| border-left-width | Sets the width of the left border of an element. |
| border-radius | Defines the shape of the border corners of an element. |
| border-right | Sets the width, style, and color of the right border of an element. |
| border-right-color | Sets the color of the right border of an element. |
| border-right-style | Sets the style of the right border of an element. |
| border-right-width | Sets the width of the right border of an element. |
| border-spacing | Sets the spacing between the borders of adjacent table cells. |
| border-style | Sets the style of the border on all the four sides of an element. |
| border-top | Sets the width, style, and color of the top border of an element. |
| border-top-color | Sets the color of the top border of an element. |
| border-top-left-radius | Defines the shape of the top-left border corner of an element. |
| border-top-right-radius | Defines the shape of the top-right border corner of an element. |
| border-top-style | Sets the style of the top border of an element. |
| border-top-width | Sets the width of the top border of an element. |
| border-width | Sets the width of the border on all the four sides of an element. |
| bottom | Specify the location of the bottom edge of the positioned element. |
| box-shadow | Applies one or more drop-shadows to the element's box. |
| box-sizing | Alter the default CSS box model. |
| caption-side | Specify the position of table's caption. |
| clear | Specifies the placement of an element in relation to floating elements. |
| clip | Defines the clipping region. |
| color | Specify the color of the text of an element. |
| column-count | Specifies the number of columns in a multi-column element. |
| column-fill | Specifies how columns will be filled. |
| column-gap | Specifies the gap between the columns in a multi-column element. |
| column-rule | Specifies a straight line, or "rule", to be drawn between each column in a multi-column element. |