Property Chart

This table details a few common CSS properties and their syntax. There are, of course, many more that are not covered here. To read about properties which are not covered here, explore the W3C CSS Property List.


Element: syntaxDescriptionExampleOther Possible Values
font-size: sizeSets the size of the textfont-size: 20px;200%, 2em, absolute-size, relative-size, etc.

See More Here: 
Font Size Properties
font-family: familySets the prioritized list of font family names and/or generic family namesfont-family: Arial, Times;Helvetica, sans-serif, fantasy, Courier, etc.
font-weight: weightSelects the weight of the fontfont-weight: bold;normal, lighter, inherit, etc.
font-style: styleSelects between normal, italic and oblique faces within a font familyfont-style: italic;normal, oblique, inherit
text-decoration: decorationDescribes decorations that are added to the text of an element using the element’s colortext-decoration: underline;none, overline, blink, etc.
text-align: alignmentSets the alignment of the element’s texttext-align: center;right, left, justify, inherit
color: colorSets the font colorcolor: #FF00FF;#rrggbb (any combination), transparent, inherit


For use specifically with ulol, and li elements.

Element: syntaxDescriptionExampleOther Possible Values
list-style: styleChanges the default way a list displayslist-style: url(“images/list.gif”) inside;outside, etc.
list-style-type: typeChanges the default type of listed itemlist-style-type: disc;circle, square, lower-roman, decimal, etc.
list-style-image: imageChanges the default image to use as a markerlist-style-image: url(bullet.gif);any url, none, inherit

Frequently Used Styling Elements

Element: syntaxDescriptionExampleOther Possible Values
background-color: colorSpecifies the background color of the elementbackground-color: #0000FF;#rrggbb (any combination), transparent, inherit
margin: amountA shorthand property for setting ‘margin-top’, ‘margin-right’, ‘margin-bottom’, and ‘margin-left’ at the same place in the style sheetmargin: 10px 20px;See more here: Margin Properties
padding: amountA shorthand property for setting ‘padding-top’, ‘padding-right’, ‘padding-bottom’, and ‘padding-left’ at the same place in the style sheetpadding: 30px 60px;See more here: Padding Properties
clear: sideIndicates which sides of an element’s box(es) may not be adjacent to an earlier floating boxclear: both;none, left, right, inherit
float: sideSpecifies whether a box should float to the left, right, or not at allfloat: left;right, none, inherit
width: sizespecifies the content width of boxeswidth: 100em;100%, auto, inherit
height: sizeSpecifies the content height of boxesheight: 200%;200em, auto, inherit
max-width: sizespecifies the maximum content width of boxeswidth: 250px;100%, auto, inherit
max-height: sizeSpecifies the maximum content height of boxesheight: 300px;200em, auto, inherit
border: amountA shorthand property for setting the same width, color, and style for all four borders of a boxborder: 1px solid #000000;See more here: Border Properties
border-collapse: styleSpecifies if a table’s borders are expanded or collapsed.border-collapse: collapse;separate