CSS Properties

CSS Properties

The "CSS" column indicates in which CSS version the property is defined (CSS1, CSS2, or CSS3).

•    Animation •    Background •    Border and outline •    Box •    Color •    Content Paged Media •    Dimension •    Flexible Box •    Font •    Generated content •    Grid •    Hyperlink •    Linebox •    List •    Margin •    Marquee •    Multi-column •    Padding •    Paged Media •    Positioning •    Print •    Ruby •    Speech •    Table •    Text •    2D/3D Transform •    Transition •    User-interface

•    Animation •    Background •    Border and outline •    Box •    Color •    Content Paged Media •    Dimension •    Flexible Box •    Font •    Generated content •    Grid •    Hyperlink •    Linebox •    List •    Margin •    Marquee •    Multi-column •    Padding •    Paged Media •    Positioning •    Print •    Ruby •    Speech •    Table •    Text •    2D/3D Transform •    Transition •    User-interface

•    Animation •    Background •    Border and outline •    Box •    Color •    Content Paged Media •    Dimension •    Flexible Box •    Font •    Generated content •    Grid •    Hyperlink •    Linebox •    List •    Margin •    Marquee •    Multi-column •    Padding •    Paged Media •    Positioning •    Print •    Ruby •    Speech •    Table •    Text •    2D/3D Transform •    Transition •    User-interface

Animation Properties

Property	Description
@keyframes	Specifies the animation
animation	A shorthand property for all the animation properties below, except the animation-play-state property
animation-name	Specifies a name for the @keyframes animation
animation-duration	Specifies how many seconds or milliseconds an animation takes to complete one 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 an animation should be played
animation-direction	Specifies whether or not the animation should play in reverse on alternate cycles
animation-play-state	Specifies whether the animation is running or paused

Background Properties

Property	Description
background	Sets all the background properties in one declaration
background-attachment	Sets whether a background image is fixed or scrolls with the rest of the page
background-color	Sets the background color of an element
background-image	Sets the background image for an element
background-position	Sets the starting position of a background image
background-repeat	Sets how a background image will be repeated
background-clip	Specifies the painting area of the background
background-origin	Specifies the positioning area of the background images
background-size	Specifies the size of the background images

Border and Outline Properties

Property	Description
border	Sets all the border properties in one declaration
border-bottom	Sets all the bottom border properties in one 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 the four borders
border-left	Sets all the left border properties in one 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	Sets all the right border properties in one 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 borders
border-top	Sets all the top border properties in one 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 borders
outline	Sets all the outline properties in one declaration
outline-color	Sets the color of an outline
outline-style	Sets the style of an outline
outline-width	Sets the width of an outline
border-bottom-left-radius	Defines the shape of the border of the bottom-left corner
border-bottom-right-radius	Defines the shape of the border of the bottom-right corner
border-image	A shorthand property for setting all the border-image-* properties
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	Specifies the inward offsets of the image-border
border	Specifies an image to be used as a border
border	Specifies the widths of the image-border
border	A shorthand property for setting all the four border-*-radius properties
border	Defines the shape of the border of the top-left corner
border	Defines the shape of the border of the top-right corner
box
box	Attaches one or more drop-shadows to the box  Box Properties

Box Properties

Property	Description
overflow-x	Specifies whether or not to clip the left/right edges of the content, if it overflows the element's content area
overflow-y	Specifies whether or not to clip the top/bottom edges of the content, if it overflows the element's content area
overflow-style	Specifies the preferred scrolling method for elements that overflow
rotation	Rotates an element around a given point defined by the rotation-point property
rotation-point	Defines a point as an offset from the top left border edge

Color Properties

Property	Description
color-profile	Permits the specification of a source color profile other than the default
opacity	Sets the opacity level for an element
rendering-intent	Permits the specification of a color profile rendering intent other than the default

Content for Paged Media Properties

Property	Description
bookmark-label	Specifies the label of the bookmark
bookmark-level	Specifies the level of the bookmark
bookmark-target	Specifies the target of the bookmark link
float-offset	Pushes floated elements in the opposite direction of the where they have been floated with float
hyphenate-after	Specifies the minimum number of characters in a hyphenated word after the hyphenation character
hyphenate-before	Specifies the minimum number of characters in a hyphenated word before the hyphenation character
hyphenate-character	Specifies a string that is shown when a hyphenate-break occurs
hyphenate-lines	Indicates the maximum number of successive hyphenated lines in an element
hyphenate-resource	Specifies a comma-separated list of external resources that can help the browser determine hyphenation points
hyphens	Sets how to split words to improve the layout of paragraphs
image-resolution	Specifies the correct resolution of images
marks	Adds crop and/or cross marks to the document
string-set

Dimension Properties

Property	Description	CSS
height	Sets the height of an element	1
max-height	Sets the maximum height of an element	2
max-width	Sets the maximum width of an element	2
min-height	Sets the minimum height of an element	2
min-width	Sets the minimum width of an element	2
width	Sets the width of an element	1