Saturday, January 14, 2012

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

No comments:

Post a Comment