CSS3 Common Properties

CSS3 Animation Properties (Animation)

@keyframes//Specify animations. Animation//Shorthand property for all animated properties, except for the Animation-play-state property. Animation-name//Specifies the name of the @keyframes animation. Animation-duration//Specifies the seconds or milliseconds that the animation takes to complete a cycle. Animation-timing-function//Specifies the speed curve of the animation. Animation-delay//Specifies when the animation will start. Animation-iteration-count//Specifies the number of times the animation is played. Animation-direction//Specifies whether the animation will play backwards in the next cycle. Animation-play-state//Specifies whether the animation is running or paused. Animation-fill-mode//Specifies the state outside the animation time of the object.

CSS Background Properties (Background)

Background  //Set all background properties in a declaration. Background-attachment//Sets whether the background image is fixed or scrolls along with the rest of the page. Background-color   //sets the background color of the element. Background-image//sets the background image of the element. Background-position  //sets the start position of the background image. Background-repeat  //sets whether and how to repeat the background image. Background-clip   //The drawing area of the specified background. Background-origin  //Specify the location area of the background image. Background-size  //Specify the size of the background image.

CSS Border Properties (Border and Outline)

Border//Set all border properties in a declaration. Border-bottom//Set all the bottom border properties in a declaration. Border-bottom-color//sets the color of the bottom border. Border-bottom-style//sets the style of the bottom border. Border-bottom-width//sets the width of the bottom border. Border-color//sets the color of four borders. Border-left//Set all the left border properties in a declaration. Border-left-color//sets the color of the left border. Border-left-style//sets the style of the left border. Border-left-width//sets the width of the left border. Border-right//Set all the right border properties in a declaration. Border-right-color//sets the color of the right border. Border-right-style//sets the style of the right border. Border-right-width//sets the width of the right border. Border-style//sets the style of the four border. Border-top//Set all the top border properties in a declaration. Border-top-color//sets the color of the top border. Border-top-style//sets the style of the top border. Border-top-width//sets the width of the top border. Border-width//sets the width of the four-bar border. Outline//Set all profile properties in a declaration. Outline-color//sets the color of the outline. Outline-style//sets the style of the outline. Outline-width//sets the width of the contour.
Border-bottom-left-radius//Defines the shape in the lower-left corner of the border.

Border-bottom-right-radius//Defines the shape in the lower-right corner of the border.

Border-image//Shorthand property, set all

The Border-image-* property.

Border-image-outset//Specifies the amount of border image area beyond the border.

Border-image-repeat//Whether the image border should be tiled (repeated), covered (rounded), or stretched (stretched)

Border-image-slice//Specifies the inward offset of the image border.

Border-image-source//Specifies a picture to use as a border.

Border-image-width//Specifies the width of the picture border.

Border-radius//Shorthand property, set all four

The Border-*-radius property.

Border-top-left-radius//Defines the shape in the upper-left corner of the border.

Border-top-right-radius//Defines the shape in the lower-right corner of the border.

Box-decoration-break//

Box-shadow//Add one or more shadows to the box.

Box Property

Overflow-x//If the content overflows the element content area, crop the left/right edge of the content. OVERFLOW-Y//If content overflows the element content area, the top/bottom edge of the content is clipped. Overflow-style//Specifies the preferred scrolling method for overflow elements. Rotation  //Rotates the element around the point defined by the Rotation-point property. Rotation-point  //Defines the offset point at the edge of the left border on the distance.

Color Property

Color-profile//allow use of source color profiles other than the default specification. Opacity//Specifies the level of bookmarks.

CSS3 Common Properties