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