Properties

CSS Properties

Property Description
background Shorthand to configure all the background properties of an element.
Value: background-color, background-image, background-repeat, background-positioning.
background-attachment Configures a background image as fixed-in-place or scrolling.
Value: scroll(default) or fixed.
background-clip CSS3; configues the area to display the background.
Value: border-box, padding-box, or content-box.
background-color Configures the background color of an element.
Value: valid color value.
background-image Configures a background image for an element.
Value: url (file name or path to image), none (default). Optional new CSS3 functions: linear-gradient() and radial-gradient().
background-origin CSS3; configures the background positioning area.
Value: padding-box, border-box, or content-box.
background-position Configures the position of a background image.
Value: Two percentages, pixel values, or position values (left, top, center, bottom, right).
background-repeat Configures how the background image will be repeated.
Value: repeat (default), rereat-y, repeat-x, or no-repeat.
background-size CSS3; configures the size pf the background images.
Value: Numeric value (px or em), percentage, contain, cover.
border Shorthand to configure the border of an element.
Value: border-width, border-style, border-color.
border-bottom Configues the bottom border of an element.
Value: border-width, border-style, border-color.
border-collapse Configures the display of borders in a table.
Value: seperate default), or collapse (default).
border-color Configures the border color of an element.
Value: Valid color value.
border-image CSS3; configures an image in the border of an element. See http://www.w3.org/TR/css3-background/#the-border-image
border-left Configures the left border of an element.
Value: border-width, border-style, border-color.
border-radius CSS3; configures rounded corners.
Value: One or two numeric values (px or em) or percentages that configure horizontal and vertical radius of the corner. If one value is provided, it applies to both horizontal and vertical radius. Related properties: border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius.
border-right Configures the right border of an element.
Value: border-width, border-style, border-color.
border-spacing Configures the space between table cells in a table.
Value: Numeric value (px or em).
border-style Configures the style of the borders around an element.
Value: none (default), inset, outset, double, groove, ridge, solid, dashed, or dotted.
border-top Configures the top border of an element.
Value: border-width, border-style, border-color
border-width Configures the width of an element's border.
Value: Numeric pixel value (such as 1px), thin, medium, or thick.
bottom Configures the offset position from the bottom of a containing element.
Value: Numeric value (px or em), percentage, or auto (default).
box-shaddow CSS3; configures a drop shadow on an element.
Values: Three or four numerical values (px or em) to indicate horizontal offset, vertical offset, blur radius, (optional) spread distance, and a valid color of value. Use the inset keyword to configure an inner shadow.
caption-side Configures the placement of a table caption.
Value: top (default), or bottom.
clear Configures the display of an element in relation to floating elements.
Value: none (default), left, right, or both.
color Configures the color of text within an element.
Value: Valid color value.
display Configures how and if an element will display.
Value: inline, nonoe, block, list-item, table, table-row, or table-cell.
float Configures the horizontal placement (left or right) of an element.
Value: none (default), left, or right.
font Shorthand to configure the font properties of an element.
Value: font-style, font-variant, font-weight, font-size/line-height, font-family.
font-family Configures the font typeface of text.
Value: List of valid names or generic font family names.
font-size Configures the font size of text.
Value: Numeric value (px, pt, em), percentage value, xx-small, x-small, small, medium (default), large, x-large, xx-large, smaller, or larger.
font-stretch CSS3; configures a normal, condensed, or expanded face from a font family.
Values include: normal, wider, narrower, condensed, semi-condensed, expanded, ultra-expanded.
font-style Configures the font style of text.
Value: normal (default), italic, or oblique.
font-variant Configures wether text is displayed in smal-caps font.
Value:normal (default) or small-caps.
font-weight Configures the weight (boldness) of text.
Value: normal (default), bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, or 900.
height Configures the height of an element.
Value: Numeric value (px or em), percentage, or auto (default).
left Configures the offset position from the left of the containing element.
Value: Numeric value (px or em), percentage, or auto (default).
letter-spacing Configures the space between text characters.
Value: Numeric value (px or em) or normal (default).
line-height Configures the line height of text.
Value: Numeric value (px or em ), percentage, multiplier numeric value, or nirmal (default).
list-style Shorthand to configure the properties of a list. list-style-type, list-style-position, list-style-image
list-style-image Configures an image as a list maker.
Value: url(file name or path to the image) or none (default).
list-style-postition Configures the position of the list markers.
Value: inside, or outside (default).
list-style-type Configures the type of list marker displayed.
Value: none, circle, disc (default), square, decimal, decimal-leading-zero, Georian, lower-alpha, lower-roman, upper-alpha, or upper-roman.
margin Shorthand to configure the margin of an element.
Value: One to four numeric values (px or em), percentages, auto or 0.
margin-bottom Configures the bottom margin of an element.
Value: Numeric value (px or em), percentage, auto or 0.
margin-left Configures the left margin of an element.
Value: Numeric value (px or em), percentage, auto or 0.
margin-right Configures the right margin of an element.
Value: Numeric value (px or em), percentage, auto or 0.
margin-top Configures the top margin of an element.
Value: Numeric value (px or em), percentage, auto or 0.
max-height Configures the maximun height of an element.
Value: Numeric value (px or em), percentage, auto or 0.
max-width Configures the maximum width of an element.
Value: Numeric values (px or em), percentage, or none (default).
min-height Configures the minimum height of an element.
Value: Numeric value (px or em), or percentage.
min-width Configures the minimum width of an element.
Value: Numeric value (px or em), or percentage.
opacity CSS3; configures the transparency of an element.
Values: Numeric value between 1 (fully opaque) and 0 (completely transparent).
overflow Configures how content should display if it is too large for the area allocated.
Value: visible (default), hidden, auto, scroll.
padding shorthand to configure the padding of an element.
Value: One to four numeric values (px or em), percentages, or 0.
padding-bottom Configures the bottom padding of an element.
Value: Numeric value (px or em), percentage, or 0.
padding-left Configures the left padding of an element.
Value: Numeric values (px or em), percentage, or 0.
padding-right Configures the right padding of an element.
Value: Numeric values (px or em), percentage, or 0.
padding-top Configures the top padding of an element.
Value: Numeric value (px or em), percentage, or 0.
page-break-after Configures the break after an element.
Value: auto (default), always, avoid, left, or right.
page-break-before Configures the break before an element.
Value: auto (default), always, avoid, left, or right.
page-break-inside Configures the break inside an element.
Value: auto (default0 or avoid.
position Configures the type of postioning used to display an element.
Value: static (default), absolute, fixed, or relative.
right Configures the offset position from the right of a containing element.
Value: Numeric value (px or em), percentage, or auto (default).
text-align Configures the horizontal alignment of text.
Value: left, right, center, justify.
text-decoration Configures the decoration added to text.
Value: none (default), underline, overline, line-through, or blink.
text-indent Configures the indentation of the first line of text.
Value: Numeric value (px or em), or percentage.
text-outline CSS3; configures an outline around text displayed within an element.
Values: One or two numerical values (px or em) to indicate thickness and (optionally) blur radius, and a valid color value.
text-shadow CSS3; configures a drop shadow on the text displayed within an elemen.
Values: Three or four numerical values (px or em) to indicate horizontal offset, vertical offset, blur radius, (optional) spread distance, and a valid color value.
text-transform Configures the capitalization of text.
Value: none (default), capitalize, uppercase, or lowercase
top Configures the offset position from the top of a containing element.
Value: Numeric value (px or em), percentage, or auto (default).
transform CSS3; configures change or transformation in the display of an element.
Values: a transform function such as scale(), translate(), matrix(), rotate(), skew(), or perspective().
transition CSS3; Shorthand property to configure the presentational transition of a CSS property value.
Value: list the value for transition-property, transition, duration, transition,timing,function, and transition-delay seperated by spaces; default values can be omitted, but the first time unit applies to transition-duration.
transition-delay CSS3; Indicates the beginning of the transition; default value 0 configures no delay, otherwise use a numeric value to specify time (usually in seconds).
transition-duration CS3; Indicates the length of time to apply the transition; default value 0 configures an immediate transition, otherwise use a numeric value to specify time (usually in seconds).
transition-property CSS3; Indicates the CSS property that the transition applies to; a list of applies to; a list of appllicable properties is available at http://www.w3.org/TR/css3-transitions
transition-timing-property CSS3; Configures changes in the speed of the transition by describing how intermediate property values are calculated; common values include ease (default), linear, ease-in, ease-out, ease-in-out.
vertical-align Configures the vertical alignment of an element.
Value: Numeric value (px or em), percentage, baseline (default), sub, super, top, text-top, middle, bottom, or text-bottom.
visibility Configures the visibility of an element.
Value: visible (default), hidden, or collapse.
white-space Configures white space inside an element.
Value: normal (default), nowrap, pre, pre-line, pre-wrap.
width Configures the width of an element. Value:
Numeric value (px or em), percentage, or auto (default).
word-spacing Configures the space between words within text.
Value: Numeric value (px or em) or auto (default).
z-index Configures a stacking order of an element.
Value: A numeric value or auto (default).