List of CSS Properties And Values


Text Properties
Properties Values Examples/Notes CSS Level
font-family family-name
generic-family
Arial, Tahoma
serif, sans-serif
CSS1
font-size (pt), (px), (percent) pt is Point, i.e. 12pt.
px is Pixel, i.e. 20px.
CSS1
font-size-adjust (number), none, inherit   CSS2
fontetch normal, wider, narrower, ultra-condensed, extra-condensed, condensed, semi-condensed, semi-expanded, expanded, extra-expanded, ultra-expanded, inherit   CSS2
font-style normal, italic, oblique   CSS1
font-variant normal, small-caps   CSS1
font-weight normal, bold, bolder, lighter, (number), xx-small, x-small, small, medium, large, x-large, xx-large, larger, smaller Number can be 100, 200, 300, 400, 500, 600, 700, 800, or 900. CSS1
font Any of the above values separated by spaces. {font: tahoma 12pt oblique bold} CSS1
letter-spacing normal, 1em 1em, 2em, and so on. CSS1
text-align left, right, center, justify   CSS1
text-decoration none, underline, overline, line-through, blink   CSS1
text-shadow none, color length length length, inherit   CSS2
text-transform none, capitalize, uppercase, lowercase   CSS1
text-indent (length), (percent) Length is in pixels. CSS1
word-spacing normal, 1em 1em, 2em, and so on. CSS1
 
Color/Background Properties
Properties Values Examples/Notes CSS Level
background-attachment scroll, fixed   CSS1
background-color (color), transparent Color is in hex code. CSS1
background-image none, (location)   CSS1
background-position (percent), (length), top, center, bottom, left, center, right   CSS1
background-repeat repeat, repeat-x, repeat-y, no-repeat   CSS1
background Any of the above background values separated by spaces. {background: URL(back.gif) repeat fixed} CSS1
color (color) Color is in hex code. This refers to the foreground color. CSS1
 
Box Properties
Properties Values Examples/Notes CSS Level
margin-bottom (length), (percent), auto Length is in pixels. CSS1
margin-left (length), (percent), auto Length is in pixels. CSS1
margin-right (length), (percent), auto Length is in pixels. CSS1
margin-top (length), (percent), auto Length is in pixels. CSS1
margin Any of the above margin values in top, right, bottom, left order separated by spaces. {margin: 5px 2px 5px 3px}
When only one value is present, all margins are affected.
CSS1
padding-bottom (length), (percent) Length is in pixels. CSS1
padding-left (length), (percent) Length is in pixels. CSS1
padding-right (length), (percent) Length is in pixels. CSS1
padding-top (length), (percent) Length is in pixels. CSS1
padding Any of the above padding values in top, right, bottom, left order separated by spaces. {padding: 5em 6em 3em 6em}
When only one value is present, all sides are affected.
CSS1
border-bottom-width medium, thin, thick, (length) Length is in pixels. CSS1
border-bottom Any of the border-top-bottom, border-color and border-style values. {border-bottom: thin inset blue} CSS1
border-color (color) Color is in hex code. CSS1
border-left-width medium, thin, thick, (length) Length is in pixels. CSS1
border-left Any of the border-top-left, border-color and border-style values. {border-left: thick inset green} CSS1
border-right-width medium, thin, thick, (length) Length is in pixels. CSS1
border-right Any of the border-right-width, border-color and border-style values. {border-right: thin inset blue} CSS1
border-style none, dotted, dashed, solid, double, groove, ridge, inset, outset   CSS1
border-top-width medium, thin, thick, (length) Length is in pixels. CSS1
border-top Any of the border-top-width, border-color and border-style values. {border-top: thin inset red} CSS1
border Any of the border values. Applies to all borders. {border: medium blue} CSS1
height auto, (length), (percent) Length is in pixels. CSS1
width auto, (length), (percent) Length is in pixels. CSS1
 
Classification
Properties Values Examples/Notes CSS Level
list-style-type disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, upper-latin, hebrew, armenian, georgian, cjk-ideographic, hiragana, katakana, hiragana-iroha, katakana-iroh, none   CSS2
list-style-image none, (url)   CSS1
list-style-position outside, inside   CSS1
list-style Any of the above list-style values separated by spaces. {list-style: disc inside} CSS1
white-space normal, pre, nowrap   CSS1
 
Visual Effects
Properties Values Examples/Notes CSS Level
clip auto, (shape) Currently, the only valid shape is "rect(top,right,bottom,left)". CSS2
cursor auto, crosshair, default, pointer, move, e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize, text, wait, help   CSS1
outline-width medium, thin, thick, (length), inherit   CSS2
outline-style none, dotted, dashed, solid, double, groove, ridge, inset, outset   CSS2
outline-color (color), invert, inherit   CSS2
outline Any of the above outline values separated by spaces. {outline: dotted thick} CSS2
overflow visible, hidden, scroll, auto   CSS2
visibility inherit, visible, hidden   CSS2
 
Generated content, automatic numbering, and lists
Properties Values Examples/Notes CSS Level
content (string), (uri), (counter), attr(X), open-quote, close-quote, no-open-quote, no-close-quote, inherit Used with the :before, :after pseudo-elements. CSS2
counter-reset (identifier) (integer), none , inherit Used with the counter() and counters() functions of the content property. CSS2
counter-increment (identifier) (integer), none , inherit Used with the counter() and counters() functions of the content property. CSS2
marker-offset (length), auto, inherit   CSS2
quotes (string)(string) or more, inherit   CSS2
 
Visual Formatting
Properties Values Examples/Notes CSS Level
bottom auto, inherit, (length), (percent) Length is in pixels. CSS2
clear none, left, right, both, inherit   CSS1
direction ltr, rtl, inherit ltr - Left-to-Right
rtl - Right-to-Left
CSS2
display inline, block, list-item, run-in, compact, marker, table, inline-table, table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, table-cell, table-caption, none, inherit   CSS2
float none, left, right, inherit   CSS1
height auto, inherit, (length), (percent) Length is in pixels. CSS2
line-height normal, (length), (percent) Length is in pixels. CSS1
left auto, inherit, (length), (percent) Length is in pixels. CSS2
max-height none, inherit, (length), (percent) Length is in pixels. CSS2
max-width none, inherit, (length), (percent) Length is in pixels. CSS2
min-height inherit, (length), (percent) Length is in pixels. CSS2
min-width inherit, (length), (percent) Length is in pixels. CSS2
position static, absolute, relative, fixed, inherit   CSS2
right auto, inherit, (length), (percent) Length is in pixels. CSS2
top auto, inherit, (length), (percent) Length is in pixels. CSS2
unicode-bidi normal, embed, bidi-override, inherit Length is in pixels. CSS2
vertical-align baseline, sub, super, top, text-top, middle, bottom, text-bottom, (percent)   CSS1
width auto, (length), (percent) Length is in pixels. CSS2
z-index auto, inherit, (integer)   CSS2
 
Tables
Properties Values Examples/Notes CSS Level
border-collapse collapse, separate, inherit   CSS2
border-spacing (length)(length), inherit   CSS2
caption-side top, bottom, left, right, inherit   CSS2
empty-cells show, hide, inherit   CSS2
speak-header once, always, inherit   CSS2
table-layout auto, fixed, inherit   CSS2
 
Aural
Properties Values Examples/Notes CSS Level
volume number, percentage, silent, x-soft, soft, medium, loud, x-loud, inherit   CSS2
speak normal, none, spell-out, inherit   CSS2
pause-before time, percentage, inherit   CSS2
pause-after time, percentage, inherit   CSS2
pause time, percentage, inherit   CSS2
cue-before uri, none, inherit   CSS2
cue-after uri, none, inherit   CSS2
cue Any of the above cue properties.   CSS2
play-during uri, mix, repeat, auto, none, inherit   CSS2
azimuth angle, left-side, far-left, left, center-left, center, center-right, right, far-right, right-side, behind, leftwards, rightwards, inherit   CSS2
elevation angle, below, level, above, higher, lower, inherit   CSS2
speech-rate number, x-slow, slow, medium, fast, x-fast, faster, slower, inherit   CSS2
voice-family specific-voice|generic-voice   CSS2
pitch frequency, x-low, low, medium, high, x-high, inherit   CSS2
pitch-range number, inherit   CSS2
stress number, inherit   CSS2
richness number, inherit   CSS2
speak-punctuation code, none, inherit   CSS2
speak-numeral digits, continuous, inherit   CSS2
Silicon Bay Training, LLC