CSS+Reference+Chart

Here is a great reference chart:

[|All CSS Properties]

[|Reference Chart for CSS 1 and CSS 2]

Background Properties
top left top center top right center left center center center right bottom left bottom center bottom right || div { background-position:10px 50px; }div { background-position:bottom right; } || background-color background-image background-repeat background-attachment background-position || div { background:green url(image.jpg) no-repeat fixed center center; }div { background:url(image.jpg) fixed; } || 
 * ~ Property ||~ Description ||~ Possible Values ||~ Examples ||
 * background-attachment || Declares the attachment of a background image (to scroll with the page content or be in a fixed position). || <span style="display: block; font-family: courier,monospace;">fixedscroll || <span style="display: block; font-family: courier,monospace;">div { background-attachment:fixed; }div { background-attachment:scroll; } ||
 * background-color || Declares the background color. || Valid color names, RGB values, hexidecimal notation. || <span style="display: block; font-family: courier,monospace;">div { background-color:green; }div { color:#00FF00; } ||
 * background-image || Declares the background image of an element. || URL values. || <span style="display: block; font-family: courier,monospace;">div { background-image:url(images/img.jpg); }body { background-image:url(img.jpg); } ||
 * background-position || Declares the position of a background image. || Lengths or percentages for the x and y positions, or one of the predefined values:
 * background-repeat || Declares how and/or if a background image repeats. || <span style="display: block; font-family: courier,monospace;">repeatrepeat-xrepeat-yno-repeat || <span style="display: block; font-family: courier,monospace;">div { background-repeat:repeat-x; }div { background-repeat:no-repeat; } ||
 * background || Used as a shorthand property to set all the background properties at once. || Separate values by a space in the following order (those that are not defined will use inherited or default initial values):

Border Properties
hidden dotted dashed solid double grooveridgeinsetoutset || <span style="display: block; font-family: courier,monospace;">div { border-top-style:solid; }div { border-top-style:inset; } || <span style="font-family: Courier,monospace;">thin <span style="font-family: Courier,monospace;">medium <span style="font-family: Courier,monospace;">thick || <span style="display: block; font-family: courier,monospace;">div { border-top-width:2px; }div { border-top-width:thin; } || <span style="font-family: Courier,monospace;">border-top-width <span style="font-family: Courier,monospace;">border-top-style <span style="font-family: Courier,monospace;">border-top-color || <span style="display: block; font-family: courier,monospace;">div { border-top:2px solid green; }div { border-top:thick double #00FF00; } || hidden dotted dashed solid double grooveridgeinsetoutset || <span style="display: block; font-family: courier,monospace;">div { border-right-style:solid; }div { border-right-style:inset; } || <span style="font-family: Courier,monospace;">thin <span style="font-family: Courier,monospace;">medium <span style="font-family: Courier,monospace;">thick || <span style="display: block; font-family: courier,monospace;">div { border-right-width:2px; }div { border-right-width:thin; } || <span style="font-family: Courier,monospace;">border-right-width <span style="font-family: Courier,monospace;">border-right-style <span style="font-family: Courier,monospace;">border-right-color || <span style="display: block; font-family: courier,monospace;">div { border-right:2px solid green; }div { border-right:thick double #00FF00; } || hidden dotted dashed solid double grooveridgeinsetoutset || <span style="display: block; font-family: courier,monospace;">div { border-bottom-style:solid; }div { border-bottom-style:inset; } || <span style="font-family: Courier,monospace;">thin <span style="font-family: Courier,monospace;">medium <span style="font-family: Courier,monospace;">thick || <span style="display: block; font-family: courier,monospace;">div { border-bottom-width:2px; }div { border-bottom-width:thin; } || <span style="font-family: Courier,monospace;">border-bottom-width <span style="font-family: Courier,monospace;">border-bottom-style <span style="font-family: Courier,monospace;">border-bottom-color || <span style="display: block; font-family: courier,monospace;">div { border-bottom:2px solid green; }div { border-bottom:thick double #00FF00; } || hidden dotted dashed solid double grooveridgeinsetoutset || <span style="display: block; font-family: courier,monospace;">div { border-left-style:solid; }div { border-left-style:inset; } || <span style="font-family: Courier,monospace;">thin <span style="font-family: Courier,monospace;">medium <span style="font-family: Courier,monospace;">thick || <span style="display: block; font-family: courier,monospace;">div { border-left-width:2px; }div { border-left-width:thin; } || <span style="font-family: Courier,monospace;">border-left-width <span style="font-family: Courier,monospace;">border-left-style <span style="font-family: Courier,monospace;">border-left-color || <span style="display: block; font-family: courier,monospace;">div { border-left:2px solid green; }div { border-left:thick double #00FF00; } || Separate the color for each border by a space, declaring the colors for the borders in the following order: border-top-color border-right-color border-bottom-color border-left-color Undeclared values work as further shorthand notation. If only one color value is declared, all four borders will use that color. If two colors are declared, the top and bottom borders will use the first color while the right and left borders will use the second color. If three colors are declared, the top border will use the first color, the right and left borders will use the second color, and the bottom border will use the third color. || <span style="display: block; font-family: courier,monospace;">div { border-color:green red blue olive; }div { border-color:green; }div { border-color:green red; }div { border-color:green red blue; } || hidden dotted dashed solid double grooveridgeinsetoutset Undeclared values work as further shorthand notation. If only one style value is declared, all four borders will use that style. If two styles are declared, the top and bottom borders will use the first style while the right and left borders will use the second style. If three styles are declared, the top border will use the first style, the right and left borders will use the second style, and the bottom border will use the third style. || <span style="display: block; font-family: courier,monospace;">div { border-style:solid dotted dashed double; }div { border-style:solid; }div { border-style:solid dotted; }div { border-style:solid dotted dashed; } || <span style="font-family: Courier,monospace;">thin <span style="font-family: Courier,monospace;">medium <span style="font-family: Courier,monospace;">thick Undeclared values work as further shorthand notation. If only one width value is declared, all four borders will use that width. If two widths are declared, the top and bottom borders will use the first width while the right and left borders will use the second width. If three widths are declared, the top border will use the first width, the right and left borders will use the second width, and the bottom border will use the third width. || <span style="display: block; font-family: courier,monospace;">div { border-width:1px 3px 5px 2px; }div { border-width:thin; }div { border-width:2px 4px; }div { border-width:2px 4px 5px; } || <span style="font-family: Courier,monospace;">border-width <span style="font-family: Courier,monospace;">border-style <span style="font-family: Courier,monospace;">border-color || <span style="display: block; font-family: courier,monospace;">div { border:1px double green; }div { border:thin solid #00FF00; } || 
 * ~ Property ||~ Description ||~ Possible Values ||~ Examples ||
 * border-top-color || Declares the color of the top border. || Valid color names, RGB values, hexidecimal notation, or the predefined value <span class="article_keywords" style="font-family: Courier,monospace;">transparent . || <span style="display: block; font-family: courier,monospace;">div { border-top-color:green; }div { border-top-color:#00FF00; } ||
 * border-top-style || Declares the style of the top border. || <span style="display: block; font-family: courier,monospace;">none
 * border-top-width || Declares the width of the top border. || Lengths or the following predefined values:
 * border-top || Used as a shorthand property to set all the border-top properties at once. || Separate values by a space in the following order (those that are not defined will use inherited or default initial values):
 * border-right-color || Declares the color of the right border. || Valid color names, RGB values, hexidecimal notation, or the predefined value <span class="article_keywords" style="font-family: Courier,monospace;">transparent . || <span style="display: block; font-family: courier,monospace;">div { border-right-color:green; }div { border-right-color:#00FF00; } ||
 * border-right-style || Declares the style of the right border. || <span style="display: block; font-family: courier,monospace;">none
 * border-right-width || Declares the width of the right border. || Lengths or the following predefined values:
 * border-right || Used as a shorthand property to set all the border-right properties at once. || Separate values by a space in the following order (those that are not defined will use inherited or default initial values):
 * border-bottom-color || Declares the color of the bottom border. || Valid color names, RGB values, hexidecimal notation, or the predefined value <span class="article_keywords" style="font-family: Courier,monospace;">transparent . || <span style="display: block; font-family: courier,monospace;">div { border-bottom-color:green; }div { border-bottom-color:#00FF00; } ||
 * border-bottom-style || Declares the style of the bottom border. || <span style="display: block; font-family: courier,monospace;">none
 * border-bottom-width || Declares the width of the bottom border. || Lengths or the following predefined values:
 * border-bottom || Used as a shorthand property to set all the border-bottom properties at once. || Separate values by a space in the following order (those that are not defined will use inherited or default initial values):
 * border-left-color || Declares the color of the left border. || Valid color names, RGB values, hexidecimal notation, or the predefined value <span class="article_keywords" style="font-family: Courier,monospace;">transparent . || <span style="display: block; font-family: courier,monospace;">div { border-left-color:green; }div { border-left-color:#00FF00; } ||
 * border-left-style || Declares the style of the left border. || <span style="display: block; font-family: courier,monospace;">none
 * border-left-width || Declares the width of the left border. || Lengths or the following predefined values:
 * border-left || Used as a shorthand property to set all the border-left properties at once. || Separate values by a space in the following order (those that are not defined will use inherited or default initial values):
 * border-color || Declares the border color of all four borders at once. || Valid color names, RGB values, hexidecimal notation, or the predefined value <span class="article_keywords" style="font-family: Courier,monospace;">transparent.
 * border-style || Declares the border style of all four borders at once. || <span style="display: block; font-family: courier,monospace;">none
 * border-width || Declares the width of all four borders at once. || Lengths or the following predefined values:
 * border || Used as a shorthand to declare the border properties when all four borders will have the same appearance. || Separate values by a space in the following order (those that are not defined will use inherited or default initial values):

Classification and Positioning Properties
<span style="font-family: Courier,monospace;">auto <span style="font-family: Courier,monospace;">crosshair <span style="font-family: Courier,monospace;">default <span style="font-family: Courier,monospace;">pointer <span style="font-family: Courier,monospace;">move <span style="font-family: Courier,monospace;">e-resize <span style="font-family: Courier,monospace;">ne-resize <span style="font-family: Courier,monospace;">nw-resize <span style="font-family: Courier,monospace;">n-resize <span style="font-family: Courier,monospace;">se-resize <span style="font-family: Courier,monospace;">sw-resize <span style="font-family: Courier,monospace;">s-resize <span style="font-family: Courier,monospace;">w-resize <span style="font-family: Courier,monospace;">text <span style="font-family: Courier,monospace;">wait <span style="font-family: Courier,monospace;">help || <span style="display: block; font-family: courier,monospace;">div { cursor:crosshair; }div { cusrsor:url(image.csr); }div { cusrsor:url(image.csr), pointer; } || inline block list-item run-in compact marker table inline-table table-row-group table-header-group table-footer-group table-row table-column-grouptable-columntable-celltable-caption || <span style="display: block; font-family: courier,monospace;">div { display:none; }div { display:inline; }div { display:marker; } || hidden collapse || <span style="display: block; font-family: courier,monospace;">div { visibility:visible; }div { visibility:hidden; } || In CSS 2, the only valid shape is a rectangle, using the following format to specify the offset lengths from each side of the box: <span style="font-family: Courier,monospace;">rect(top, right, bottom, left) || <span style="display: block; font-family: courier,monospace;">div { clip:auto; }div { clip:rect(2px, 4px, 7px, 5px); } || <span style="font-family: Courier,monospace;">baseline <span style="font-family: Courier,monospace;">sub <span style="font-family: Courier,monospace;">super <span style="font-family: Courier,monospace;">top <span style="font-family: Courier,monospace;">text-top <span style="font-family: Courier,monospace;">middle <span style="font-family: Courier,monospace;">bottom <span style="font-family: Courier,monospace;">text-bottom || <span style="display: block; font-family: courier,monospace;">span { vertical-align:middle; }td { vertical-align:top; } || 
 * ~ Property ||~ Description ||~ Possible Values ||~ Examples ||
 * clear || Declares the side(s) of an element where no previous floating elements are allowed to be adjacent. || <span style="display: block; font-family: courier,monospace;">leftrightbothnone || <span style="display: block; font-family: courier,monospace;">div { clear:right; }div { clear:both; } ||
 * cursor || Declares the type of cursor to be displayed. || URL values, and the following prefefined values:
 * display || Declares if/how the element displays. || <span style="display: block; font-family: courier,monospace;">none
 * float || Declares whether a box should float to the left or right of other content, or whether it should not be floated at all. || <span style="display: block; font-family: courier,monospace;">leftrightnone || <span style="display: block; font-family: courier,monospace;">div { float:left; }div { float:right; } ||
 * visibility || Declares the visibility of boxes generated by an element. || visible
 * top || Declares the distance that the top content edge of the element is offset below the top edge of its containing block. The<span class="article_keywords" style="font-family: Courier,monospace;">position property of the element must also be set to a value other than <span class="article_keywords" style="font-family: Courier,monospace;">static . || Lengths, percentages, and the predefined value<span class="article_keywords" style="font-family: Courier,monospace;">auto . || <span style="display: block; font-family: courier,monospace;">div { top:15px; }div { top:2%; } ||
 * right || Declares the distance that the right content edge of the element is offset to the left of the right edge of its containing block. The <span class="article_keywords" style="font-family: Courier,monospace;">position property of the element must also be set to a value other than <span class="article_keywords" style="font-family: Courier,monospace;">static . || Lengths, percentages, and the predefined value<span class="article_keywords" style="font-family: Courier,monospace;">auto . || <span style="display: block; font-family: courier,monospace;">div { right:15px; }div { right:2%; } ||
 * bottom || Declares the distance that the bottom content edge of the element is offset above the bottom edge of its containing block. The <span class="article_keywords" style="font-family: Courier,monospace;">position property of the element must also be set to a value other than <span class="article_keywords" style="font-family: Courier,monospace;">static . || Lengths, percentages, and the predefined value<span class="article_keywords" style="font-family: Courier,monospace;">auto . || <span style="display: block; font-family: courier,monospace;">div { bottom:15px; }div { bottom:2%; } ||
 * left || Declares the distance that the left content edge of the element is offset to the right of the left edge of its containing block. The <span class="article_keywords" style="font-family: Courier,monospace;">position property of the element must also be set to a value other than<span class="article_keywords" style="font-family: Courier,monospace;">static . || Lengths, percentages, and the predefined value<span class="article_keywords" style="font-family: Courier,monospace;">auto . || <span style="display: block; font-family: courier,monospace;">div { left:15px; }div { left:2%; } ||
 * position || Declares the type of positioning of an element. || <span style="display: block; font-family: courier,monospace;">staticrelativeabsolutefixed || <span style="display: block; font-family: courier,monospace;">div { position:absolute; }div { position:relative; } ||
 * clip || Declares the shape of a clipped region when the value of the <span class="article_keywords" style="font-family: Courier,monospace;">overflow property is set to a value other than <span class="article_keywords" style="font-family: Courier,monospace;">visible . || Shapes, or the predefined value <span class="article_keywords" style="font-family: Courier,monospace;">auto.
 * overflow || Declares how content that overflows the element's box is handled. || <span style="display: block; font-family: courier,monospace;">visiblehiddenscrollauto || <span style="display: block; font-family: courier,monospace;">div { overflow:hidden; }div { overflow:scroll; } ||
 * vertical-align || Declares the vertical alignment of an inline-level element or a table cell. || Lengths, percentages, and the following predefined values:
 * z-index || Declares the stack order of the element. || Integer values and the predefined value <span class="article_keywords" style="font-family: Courier,monospace;">auto . || <span style="display: block; font-family: courier,monospace;">div { z-index:2; }div { z-index:auto; } ||

Dimension Properties

 * ~ Property ||~ Description ||~ Possible Values ||~ Examples ||
 * height || Declares the height of the element. || Lengths, percentages, and the predefined value <span class="article_keywords" style="font-family: Courier,monospace;">auto . || <span style="display: block; font-family: courier,monospace;">div { height:200px; }div { height:50%; } ||
 * max-height || Declares the maximum height of the element. || Lengths, percentages, and the predefined value <span class="article_keywords" style="font-family: Courier,monospace;">auto . || <span style="display: block; font-family: courier,monospace;">div { max-height:200px; }div { max-height:50%; } ||
 * min-height || Declares the minimum height of the element. || Lengths, percentages, and the predefined value <span class="article_keywords" style="font-family: Courier,monospace;">auto . || <span style="display: block; font-family: courier,monospace;">div { min-height:200px; }div { min-height:50%; } ||
 * width || Declares the width of the element. || Lengths, percentages, and the predefined value <span class="article_keywords" style="font-family: Courier,monospace;">auto . || <span style="display: block; font-family: courier,monospace;">div { width:500px; }div { width:75%; } ||
 * max-width || Declares the maximum width of the element. || Lengths, percentages, and the predefined value <span class="article_keywords" style="font-family: Courier,monospace;">auto . || <span style="display: block; font-family: courier,monospace;">div { max-width:500px; }div { max-width:75%; } ||
 * min-width || Declares the minimum width of the element. || Lengths, percentages, and the predefined value <span class="article_keywords" style="font-family: Courier,monospace;">auto . || <span style="display: block; font-family: courier,monospace;">div { min-width:500px; }div { min-width:75%; } ||

Font Properties
Font family names can be separated by a comma in the same declaration to allow additional and/or generic family names to be used if the prefereed font is unable to be displayed. || <span style="display: block; font-family: courier,monospace;">div { font-family:Arial; }div { font-family:Arial, Helvetica, sans-serif; } || <span style="font-family: Courier,monospace;">xx-small <span style="font-family: Courier,monospace;">x-small <span style="font-family: Courier,monospace;">small <span style="font-family: Courier,monospace;">medium <span style="font-family: Courier,monospace;">large <span style="font-family: Courier,monospace;">x-large <span style="font-family: Courier,monospace;">xx-large <span style="font-family: Courier,monospace;">smaller <span style="font-family: Courier,monospace;">larger || <span style="display: block; font-family: courier,monospace;">div { font-size:70%; }div { font-size:0.85em; }div { font-size:medium; } || Declares the //aspect value//(font size divided by x-height). || Numeric value || <span style="display: block; font-family: courier,monospace;">div { font-size-adjust:0.54; }div { font-size-adjust:0.46; } || Declares the stretch of the font face. || normal wider narrower ultra-condensed extra-condensed condensed semi-condensed semi-expanded expanded extra-expanded ultra-expanded || <span style="display: block; font-family: courier,monospace;">div { font-stretch:narrower; }div { font-stretch:ultra-expanded; } || bold bolder lighter 100 200 300 400 500 600700800900 || <span style="display: block; font-family: courier,monospace;">div { font-weight:bolder; }div { font-weight:200; } || <span style="font-family: Courier,monospace;">font-style <span style="font-family: Courier,monospace;">font-variant <span style="font-family: Courier,monospace;">font-weight <span style="font-family: Courier,monospace;">font-size <span style="font-family: Courier,monospace;">line-height <span style="font-family: Courier,monospace;">font-family || <span style="display: block; font-family: courier,monospace;">div { font:italic small-caps bold 1em 1.2em Arial }div { font:bold 0.8em Verdana } || 
 * ~ Property ||~ Description ||~ Possible Values ||~ Examples ||
 * font-family || Declares the name of the font to be used. Previously set in HTML via the //face//attribute in a tag. || Valid font family names or generic family names, i.e. //Arial//, //Verdana//, //sans-serif//,//"Times New Roman"//, //Times//, //serif//, etc.
 * font-size || Declares the size of the font. Previously set in HTML via the //size// attribute in a tag. || Lengths (number and unit type— i.e. //1em//,//12pt//, //10px//, //80%//) or one of the following predefined values:
 * font-size-adjust || **Limited browser support: Was part of CSS 2, but not in CSS 2.1. This property may return in CSS 3.**
 * font-stretch || **Limited browser support: Was part of CSS 2, but not in CSS 2.1. This property may return in CSS 3.**
 * font-style || Declares the font style. || <span style="display: block; font-family: courier,monospace;">normalitalicoblique || <span style="display: block; font-family: courier,monospace;">div { font-style:italic; }div { font-style:oblique; } ||
 * font-variant || Declares the font variant. || <span style="display: block; font-family: courier,monospace;">normalsmall-caps || <span style="display: block; font-family: courier,monospace;">div { font-variant:normal; }div { font-variant:small-caps; } ||
 * font-weight || Declares the font weight (lightness or boldness) || <span style="display: block; font-family: courier,monospace;">normal
 * font || Used as a shorthand property to declare all of the font properties at once (except font-size-adjust and font-stretch). || Separate values by a space in the following order (those that are not defined will use inherited or default initial values):

Generated Content Properties
<span style="font-family: Courier,monospace;">counter(name) <span style="font-family: Courier,monospace;">counter(name, list-style-type) <span style="font-family: Courier,monospace;">counters(name, string) <span style="font-family: Courier,monospace;">counters(name, string, list-style-type) <span style="font-family: Courier,monospace;">attr(X) <span style="font-family: Courier,monospace;">open-quote <span style="font-family: Courier,monospace;">close-quote <span style="font-family: Courier,monospace;">no-open-quote <span style="font-family: Courier,monospace;">no-close-quote || <span style="display: block; font-family: courier,monospace;">div:before { content:"some text"; }div:after { content:url(page2.html); } || 
 * ~ Property ||~ Description ||~ Possible Values ||~ Examples ||
 * content || Generates content in the document in conjunction with the <span class="article_keywords" style="font-family: Courier,monospace;">:before and<span class="article_keywords" style="font-family: Courier,monospace;">:after pseudo-elements. || String values, URL values, and predefined value formats:
 * counter-increment || Declares the counter increment for each instance of a selector. || Integers and the predefined value <span class="article_keywords" style="font-family: Courier,monospace;">none . || [|More Information] ||
 * counter-reset || Declares the value the counter is set to on each instance of a selector. || Integers and the predefined value <span class="article_keywords" style="font-family: Courier,monospace;">none . || [|More Information] ||
 * quotes || Declares the type of quotation marks to use for quotations and embedded quotations. || String values and the predefined value <span class="article_keywords" style="font-family: Courier,monospace;">none . || [|More Information] ||

List Properties
circle square decimal decimal-leading-zero lower-roman upper-roman lower-alpha upper-alpha lower-greek lower-latin upper-latin hebrew armenian georgian cjk-ideographic hiraganakatakanahiragana-irohakatakana-iroha || <span style="display: block; font-family: courier,monospace;">ol { list-style-type:upper-roman; }ul { list-style-type:square; } || <span style="font-family: Courier,monospace;">list-style-type <span style="font-family: Courier,monospace;">list-style-position <span style="font-family: Courier,monospace;">list-style-image || <span style="display: block; font-family: courier,monospace;">ul { list-style:disc inside url(image.gif); }ol { list-style:upper-roman outside; } || 
 * ~ Property ||~ Description ||~ Possible Values ||~ Examples ||
 * list-style-type || Declares the type of list marker used. || <span style="display: block; font-family: courier,monospace;">disc
 * list-style-position || Declares the position of the list marker. || <span style="display: block; font-family: courier,monospace;">insideoutside || <span style="display: block; font-family: courier,monospace;">ol { list-style-position:inside; }ul { list-style-position:outside; } ||
 * list-style-image || Declares an image to be used as the list marker. || URL values. || <span style="display: block; font-family: courier,monospace;">ul { list-style-image:url(image.jpg); } ||
 * list-style || Shorthand property to declare three list properties at once. || Separate values by a space in the following order (those that are not defined will use inherited or default initial values):
 * marker-offset || Declares the marker offset for elements with a value of<span class="article_keywords" style="font-family: Courier,monospace;">marker set for the <span class="article_keywords" style="font-family: Courier,monospace;">display property. || Lengths and the predefined value<span class="article_keywords" style="font-family: Courier,monospace;">auto . || <span style="display: block; font-family: courier,monospace;">li:before { display:marker; marker-offset:5px; } ||

Margin Properties
<span style="font-family: Courier,monospace;">margin-top <span style="font-family: Courier,monospace;">margin-right <span style="font-family: Courier,monospace;">margin-bottom <span style="font-family: Courier,monospace;">margin-left Undeclared values work as further shorthand notation. If only one length value is declared, all four margins will use that length. If two lengths are declared, the top and bottom margins will use the first length while the right and left margins will use the second length. If three lengths are declared, the top margin will use the first length, the right and left margins will use the second length, and the bottom margin will use the third length. || <span style="display: block; font-family: courier,monospace;">div { margin:5px 12px 4px 7px; }div { margin:5px; }div { margin:5px 10px; }div { margin:5px 7px 4px; } || 
 * ~ Property ||~ Description ||~ Possible Values ||~ Examples ||
 * margin-top || Declares the top margin for the element. || Lengths, percentages, and the predefined value <span class="article_keywords" style="font-family: Courier,monospace;">auto . || <span style="display: block; font-family: courier,monospace;">div { margin-top:5px; }div { margin-top:15%; } ||
 * margin-right || Declares the right margin for the element. || Lengths, percentages, and the predefined value <span class="article_keywords" style="font-family: Courier,monospace;">auto . || <span style="display: block; font-family: courier,monospace;">div { margin-right:5px; }div { margin-right:15%; } ||
 * margin-bottom || Declares the bottom margin for the element. || Lengths, percentages, and the predefined value <span class="article_keywords" style="font-family: Courier,monospace;">auto . || <span style="display: block; font-family: courier,monospace;">div { margin-bottom:5px; }div { margin-bottom:15%; } ||
 * margin-left || Declares the left margin for the element. || Lengths, percentages, and the predefined value <span class="article_keywords" style="font-family: Courier,monospace;">auto . || <span style="display: block; font-family: courier,monospace;">div { margin-left:5px; }div { margin-left:15%; } ||
 * margin || Shorthand property used to declare all the margin properties at once. || Separate values by a space in the following order (those that are not defined will use inherited or default initial values):

Outline Properties
dotted dashed solid double grooveridgeinsetoutset || <span style="display: block; font-family: courier,monospace;">div { outline-style:solid; }div { outline-style:inset; } || <span style="font-family: Courier,monospace;">thin <span style="font-family: Courier,monospace;">medium <span style="font-family: Courier,monospace;">thick || <span style="display: block; font-family: courier,monospace;">div { outline-width:2px; }div { outline-width:thin; } || <span style="font-family: Courier,monospace;">outline-color <span style="font-family: Courier,monospace;">outline-style <span style="font-family: Courier,monospace;">outline-width || <span style="display: block; font-family: courier,monospace;">div { outline:green solid 2px; }div { outline:#00FF00 double thick; } || 
 * ~ Property ||~ Description ||~ Possible Values ||~ Examples ||
 * outline-color || Declares the outline color. || Valid color names, RGB values, hexidecimal notation. || <span style="display: block; font-family: courier,monospace;">div { outline-color:green; }div { outline-color:#00FF00; } ||
 * outline-style || Declares the style of the outline. || <span style="display: block; font-family: courier,monospace;">none
 * outline-width || Declares the width of the outline. || Lengths or the following predefined values:
 * outline || Used as a shorthand property to set all the background properties at once. || Separate values by a space in the following order (those that are not defined will use inherited or default initial values):

Padding Properties
<span style="font-family: Courier,monospace;">padding-top <span style="font-family: Courier,monospace;">padding-right <span style="font-family: Courier,monospace;">padding-bottom <span style="font-family: Courier,monospace;">padding-left Undeclared values work as further shorthand notation. If only one length value is declared, all four sides will use that length. If two lengths are declared, the top and bottom sides will use the first length while the right and left sides will use the second length. If three lengths are declared, the top side will use the first length, the right and left sides will use the second length, and the bottom side will use the third length. || <span style="display: block; font-family: courier,monospace;">div { padding:5px 12px 4px 7px; }div { padding:5px; }div { padding:5px 10px; }div { padding:5px 7px 4px; } || 
 * ~ Property ||~ Description ||~ Possible Values ||~ Examples ||
 * padding-top || Declares the top padding for the element. || Lengths, percentages, and the predefined value <span class="article_keywords" style="font-family: Courier,monospace;">auto . || <span style="display: block; font-family: courier,monospace;">div { padding-top:5px; }div { padding-top:15%; } ||
 * padding-right || Declares the right padding for the element. || Lengths, percentages, and the predefined value <span class="article_keywords" style="font-family: Courier,monospace;">auto . || <span style="display: block; font-family: courier,monospace;">div { padding-right:5px; }div { padding-right:15%; } ||
 * padding-bottom || Declares the bottom padding for the element. || Lengths, percentages, and the predefined value <span class="article_keywords" style="font-family: Courier,monospace;">auto . || <span style="display: block; font-family: courier,monospace;">div { padding-bottom:5px; }div { padding-bottom:15%; } ||
 * padding-left || Declares the left padding for the element. || Lengths, percentages, and the predefined value <span class="article_keywords" style="font-family: Courier,monospace;">auto . || <span style="display: block; font-family: courier,monospace;">div { padding-left:5px; }div { padding-left:15%; } ||
 * padding || Shorthand property used to declare all the margin properties at once. || Separate values by a space in the following order (those that are not defined will use inherited or default initial values):

Page Properties
alwaysavoidleftright || [|More Information] || alwaysavoidleftright || [|More Information] || <span style="font-family: Courier,monospace;">auto <span style="font-family: Courier,monospace;">landscape <span style="font-family: Courier,monospace;">potrait || [|More Information] || 
 * ~ Property ||~ Description ||~ Possible Values ||~ Examples ||
 * marks || Declares the type of marks to display outside the page box. || <span style="display: block; font-family: courier,monospace;">cropcross || <span style="display: block; font-family: courier,monospace;">@page { marks:crop; } ||
 * orphans || Declares the minimum number of lines of a paragraph that must be left at the bottom of a page. || Integers || <span style="display: block; font-family: courier,monospace;">@page { orphans:2; } ||
 * page || Declares the type of page where an element should be displayed. || Indentifiers || [|More Information] ||
 * page-break-after || Declares a page break. || <span style="display: block; font-family: courier,monospace;">auto
 * page-break-before || Declares a page break. || <span style="display: block; font-family: courier,monospace;">auto
 * page-break-inside || Declares a page break. || <span style="display: block; font-family: courier,monospace;">autoavoid || [|More Information] ||
 * size || Declares the size and orientation of a page box. || Lengths, and the following predefined values:
 * widows || Declares the minimum number of lines of a paragraph that must be left at the top of a page. || Integers || <span style="display: block; font-family: courier,monospace;">@page { widows:2; } ||

Table Properties
If one length is value is declared, that length is used for both the horizontal and vertical spacing. If two lengths are declared, the first one is used for horizontal spacing and the second one is used for vertical spacing. || <span style="display: block; font-family: courier,monospace;">table { border-spacing:5px; }table { border-spacing:5px 10px; } || 
 * ~ Property ||~ Description ||~ Possible Values ||~ Examples ||
 * border-collapse || Declares the way borders are displayed. || <span style="display: block; font-family: courier,monospace;">collapseseparate || <span style="display: block; font-family: courier,monospace;">table { border-collapse:collapse; }table { border-collapse:separate; } ||
 * border-spacing || Declares the distance separating borders (if <span class="article_keywords" style="font-family: Courier,monospace;">border-collapse is<span class="article_keywords" style="font-family: Courier,monospace;">separate ). || Lengths for the horizontal and vertical spacing, separated by a space.
 * caption-side || Declares where the table caption is displayed in relation to the table. || <span style="display: block; font-family: courier,monospace;">topbottomleftright || <span style="display: block; font-family: courier,monospace;">caption { caption-side:top; }caption { caption-side:right; } ||
 * empty-cells || Declares the way empty cells are displayed (if<span class="article_keywords" style="font-family: Courier,monospace;">border-collapse is <span class="article_keywords" style="font-family: Courier,monospace;">separate ). || <span style="display: block; font-family: courier,monospace;">showhide || <span style="display: block; font-family: courier,monospace;">table { empty-cells:show; }table { empty-cells:hide; } ||
 * table-layout || Declares the type of table layout. || <span style="display: block; font-family: courier,monospace;">autofixed || <span style="display: block; font-family: courier,monospace;">table { table-layout:auto; }table { table-layout:fixed; } ||

Text Properties
The predefined color names are: <span style="font-family: Courier,monospace;">aqua <span style="font-family: Courier,monospace;">black <span style="font-family: Courier,monospace;">blue <span style="font-family: Courier,monospace;">fuchsia <span style="font-family: Courier,monospace;">gray <span style="font-family: Courier,monospace;">green <span style="font-family: Courier,monospace;">lime <span style="font-family: Courier,monospace;">maroon <span style="font-family: Courier,monospace;">navy <span style="font-family: Courier,monospace;">olive <span style="font-family: Courier,monospace;">purple <span style="font-family: Courier,monospace;">red <span style="font-family: Courier,monospace;">silver <span style="font-family: Courier,monospace;">teal <span style="font-family: Courier,monospace;">white <span style="font-family: Courier,monospace;">yellow || <span style="display: block; font-family: courier,monospace;">div { color:green; }div {color:rgb(0,255,0); }div { color:#00FF00; } || rtl = right-to-left || <span style="display: block; font-family: courier,monospace;">div { direction:ltr; }div { direction:rtl; } || underlineoverlineline-throughblink || <span style="display: block; font-family: courier,monospace;">div { text-decoration:none; }div { text-decoration:underline; } || 
 * ~ Property ||~ Description ||~ Possible Values ||~ Examples ||
 * color || Declares the color of the text. || Valid color names, RGB values, hexidecimal notation.
 * direction || Declares the reading direction of the text. || <span style="display: block; font-family: courier,monospace;">ltrrtl ltr = left-to-right
 * line-height || Declares the distance between lines. || Numbers, percentages, lengths, and the predefined value of <span class="article_code" style="font-family: Courier,monospace;">normal . || <span style="display: block; font-family: courier,monospace;">div { line-height:normal; }div { line-height:2em; }div { line-height:125%; } ||
 * letter-spacing || Declares the amount of space between text characters. || A length (in addition to the default space) or the predefined value of<span class="article_code" style="font-family: Courier,monospace;">normal . || <span style="display: block; font-family: courier,monospace;">div { letter-spacing:normal; }div { letter-spacing:5px; }div { letter-spacing:-1px; } ||
 * text-align || Declares the horizontal alignment of inline content. || <span style="display: block; font-family: courier,monospace;">leftrightcenterjustify If used on a set of table cells, this property can be given a string value to which the text of each row of the column will be aligned. || <span style="display: block; font-family: courier,monospace;">div { text-align:center; }div { text-align:right; }td { text-align:"."; } ||
 * text-decoration || Declares the text decoration. || <span style="display: block; font-family: courier,monospace;">none
 * text-indent || Declares the indentation of the first line of text. || Lengths and percentages. || <span style="display: block; font-family: courier,monospace;">div { text-indent:12px; }div { text-indent:2%; } ||
 * text-shadow || Declares shadow effects on the text. || A list containg a color followed by numeric values (separated by spaces) that specify:
 * 1) The color for the shadow effect
 * 2) Horizontal distance to the right of the text
 * 3) Vertical distance below the text
 * 4) Blur radius || <span style="display: block; font-family: courier,monospace;">div { text-shadow:green 2px 2px 7px; }div { text-shadow:olive -3px -4px 5px; } ||
 * text-transform || Declares the capitalization effects on the letters in the text. || <span style="display: block; font-family: courier,monospace;">nonecapitalizeuppercaselowercase || <span style="display: block; font-family: courier,monospace;">div { text-transform:uppercase; }div { text-transform:lowercase; } ||
 * unicode-bidi || Declares values relating to bidirectional text. May be used in conjunction with the the //direction// property. || <span style="display: block; font-family: courier,monospace;">normalembedbidi-override || <span style="display: block; font-family: courier,monospace;">div { unicode-bidi:embed; }div { unicode-bidi:bidi-override; } ||
 * white-space || Declares how white space is handled in an element. || <span style="display: block; font-family: courier,monospace;">normalprenowrap || <span style="display: block; font-family: courier,monospace;">div { white-space:pre; }div { white-space:nowrap; } ||
 * word-spacing || Declares the space between words in the text. || A length (in addition to the default space) or the predefined value of<span class="article_code" style="font-family: Courier,monospace;">normal . || <span style="display: block; font-family: courier,monospace;">div { word-spacing:normal; }div { word-spacing:1.5em; } ||

Other Properties
<span style="font-family: Courier,monospace;">left-side <span style="font-family: Courier,monospace;">far-left <span style="font-family: Courier,monospace;">left <span style="font-family: Courier,monospace;">center-left <span style="font-family: Courier,monospace;">center <span style="font-family: Courier,monospace;">center-right <span style="font-family: Courier,monospace;">right <span style="font-family: Courier,monospace;">far-right <span style="font-family: Courier,monospace;">right-side <span style="font-family: Courier,monospace;">behind <span style="font-family: Courier,monospace;">leftwards <span style="font-family: Courier,monospace;">rightwards || <span style="display: block; font-family: courier,monospace;">div { azimuth:90deg; }div { azimuth:behind; } || <span style="font-family: Courier,monospace;">cue-before <span style="font-family: Courier,monospace;">cue-after If only one cue value is declared, it is used for both before and after. || <span style="display: block; font-family: courier,monospace;">div { cue:url(sound.wav) url(sound2.wav); }div { cue:url(sound.wav); } || <span style="font-family: Courier,monospace;">below <span style="font-family: Courier,monospace;">level <span style="font-family: Courier,monospace;">above <span style="font-family: Courier,monospace;">higher <span style="font-family: Courier,monospace;">lower || <span style="display: block; font-family: courier,monospace;">div { elevation:30deg; }div { elevation:higher; } || <span style="font-family: Courier,monospace;">pause-before <span style="font-family: Courier,monospace;">pause-after If only one pause value is declared, it is used for both before and after. || <span style="display: block; font-family: courier,monospace;">div { pause:200ms 100ms; }div { pause:100ms; } || <span style="font-family: Courier,monospace;">x-low <span style="font-family: Courier,monospace;">low <span style="font-family: Courier,monospace;">medium <span style="font-family: Courier,monospace;">high <span style="font-family: Courier,monospace;">x-high || <span style="display: block; font-family: courier,monospace;">div { pitch:120Hz; }div { pitch:high; } || <span style="font-family: Courier,monospace;">mix <span style="font-family: Courier,monospace;">repeat Alternatley, one of the following keywords: <span style="font-family: Courier,monospace;">auto <span style="font-family: Courier,monospace;">none || <span style="display: block; font-family: courier,monospace;">div { play-during:url(music.wav); }div { play-during:url(music.wav) repeat; }div { play-during:none; } || <span style="font-family: Courier,monospace;">x-slow <span style="font-family: Courier,monospace;">slow <span style="font-family: Courier,monospace;">medium <span style="font-family: Courier,monospace;">fast <span style="font-family: Courier,monospace;">x-fast <span style="font-family: Courier,monospace;">faster <span style="font-family: Courier,monospace;">slower || <span style="display: block; font-family: courier,monospace;">div { speech-rate:50; }div { speech-rate:medium; } || <span style="font-family: Courier,monospace;">silent <span style="font-family: Courier,monospace;">x-soft <span style="font-family: Courier,monospace;">soft <span style="font-family: Courier,monospace;">medium <span style="font-family: Courier,monospace;">loud <span style="font-family: Courier,monospace;">x-loud || <span style="display: block; font-family: courier,monospace;">div { volume:50; }div { volume:silent; } ||
 * ~ Property ||~ Description ||~ Possible Values ||~ Examples ||
 * azimuth || Declares the angle that sound travels to the listener. || Angle values in degrees (deg), or one of the following predefined values:
 * cue-after || Declares an audio cue to play after an element. || URL values and the predefined value<span class="article_keywords" style="font-family: Courier,monospace;">none . || <span style="display: block; font-family: courier,monospace;">div { cue-after:url(sound.wav); }div { cue-after:none; } ||
 * cue-before || Declares an audio cue to play before an element. || URL values and the predefined value<span class="article_keywords" style="font-family: Courier,monospace;">none . || <span style="display: block; font-family: courier,monospace;">div { cue-before:url(sound.wav); }div { cue-before:none; } ||
 * cue || Shorthand proerty to set both cue values at once. || URL values and the predefined value<span class="article_keywords" style="font-family: Courier,monospace;">none . Separate the values by a space in the following order:
 * elevation || Declares the elevation of a sound. || Angle values in degrees (deg), or one of the following predefined values:
 * pause-after || Declares the amount of time to pause after an element. || Time in milliseconds (ms) or percentages. || <span style="display: block; font-family: courier,monospace;">div { pause-after:100ms; }div { pause-after:20%; } ||
 * pause-before || Declares the amount of time to pause before an element. || Time in milliseconds (ms) or percentages. || <span style="display: block; font-family: courier,monospace;">div { pause-before:100ms; }div { pause-before:20%; } ||
 * pause || Shorthand proerty to set both pause values at once. || Separate the values by a space in the following order:
 * pitch || Declares the average speaking pitch of a voice. || Frequencies in hertz (Hz) or the following predefined values:
 * pitch-range || Declares a change in the pitch range of a voice. || Number values between 0 and 100 (lower values indicate a flat voice while higher values indicate an animated voice). || <span style="display: block; font-family: courier,monospace;">div { pitch-range:50; }div { pitch-range:99; } ||
 * play-during || Declares a background sound to be played while the current element is spoken. || URL value, followed by one or more of the following keywords, separated by spaces:
 * richness || Declares the richness of the voice in spoken text. || Numeric values between 0 and 100 (lower values have less richness and higher values have more richness). || <span style="display: block; font-family: courier,monospace;">div { richness:50; }div { richness:0; } ||
 * speak || Declares if/how text is spoken. || <span style="display: block; font-family: courier,monospace;">normalnonespell-out || <span style="display: block; font-family: courier,monospace;">div { speak:none; }div { speak:spell-out; } ||
 * speak-header || Declares how often table header cells are spoken. || <span style="display: block; font-family: courier,monospace;">oncealways || <span style="display: block; font-family: courier,monospace;">th { speak-header:once; }th { speak-header:always; } ||
 * speak-numeral || Declares how numerals are spoken. || <span style="display: block; font-family: courier,monospace;">digitscontinuous || <span style="display: block; font-family: courier,monospace;">div { speak-numeral:digits; }div { speak-numeral:continuous; } ||
 * speak-punctuation || Declares how punctuation is spoken. || <span style="display: block; font-family: courier,monospace;">codenone || <span style="display: block; font-family: courier,monospace;">div { speak-punctuation:code; }div { speak-punctuation:none; } ||
 * speech-rate || Declares the speech rate of spoken text. || A number indicating the number of words per minute, or one of the following predefined values:
 * stress || Declares the stress of the voice on spoken text. || Numeric values between 0 and 100 (lower values have less stress and higher values have more stress). || <span style="display: block; font-family: courier,monospace;">div { stress:50; }div { stress:0; } ||
 * voice-family || Declares the voice family of spoken text. || Generic or specific voice family names. || [|More Information] ||
 * volume || Declares the median volume. || Numbers between 0 and 100, percentages, or one of the following predefined values: