8/9/2019 CSS Quick Reference Guide

1/3

Quick Reference Guide to CSS

Cascading Style Sheets (CSS): Pixel-Level Control with HTML Ease Summer 2008 - This material has been created by Lisa Bartle for

the Infopeople Project [infopeople.org], supported by the U.S. Institute of Museum and Library Services under the provisions of the Library

Services and Technology Act, administered in California by the State Librarian. Any use of this material should credit the author and

funding source.

1

Selector { property: value; }

Property Value OptionsBackground:

Background-color: 17 legal CSS colors (see below)

Background-image: url(filename.jpg);Background-repeat: Repeat, no-repeat, repeat-x, repeat-yBackground-position: top, bottom left, right, center; length values;or

percentage valuesBackground-attachment: scroll, fixed

Width: %, px, emMargin: Any/all keywords below

Margin-left: Auto, length (px, cm, in) , percentageMargin-right Auto, length (px, cm, in) , percentageMargin-top Auto, length (px, cm, in) , percentageMargin-bottom Auto, length (px, cm, in) , percentage

Padding:Padding-right: px, emPadding-left: px, emPadding-top: px, emPadding-bottom: px, em

Border: Any/all keywords belowBorder-width: Thin, thick, mediumBorder-color: [Color, hexadecimal, or RBG value]Border-style: None, solid, double, dotted, dashed, groove,

ridge, inset, outsetBorder-right, border-left, border-top,border-bottom[-width, -color, -style]

Any/all above

Float: Left, rightClear: Left, right, both

Text PropertiesColor: Colors, hexadecimal, RGB valuesLetter-spacing: px, emsWord-spacing: px, emsText-align: Center, justify, left, rightFont Any/all keywords below

Font-family: Font names, serif, sans-serif, cursive,monospace

Font-size: Percentage, ems, small, medium, large,larger, smaller, xx-small, x-small, xx-large, x-large

Font-style: Normal, italicFont-weight: Normal, bold

Text-transform: capitalize. uppercase, lowercase, none

8/9/2019 CSS Quick Reference Guide

2/3

Quick Reference Guide to CSS

Cascading Style Sheets (CSS): Pixel-Level Control with HTML Ease Summer 2008 - This material has been created by Lisa Bartle for

the Infopeople Project [infopeople.org], supported by the U.S. Institute of Museum and Library Services under the provisions of the Library

Services and Technology Act, administered in California by the State Librarian. Any use of this material should credit the author and

funding source.

2

8/9/2019 CSS Quick Reference Guide

3/3

Quick Reference Guide to CSS

Cascading Style Sheets (CSS): Pixel-Level Control with HTML Ease Summer 2008 - This material has been created by Lisa Bartle for

the Infopeople Project [infopeople.org], supported by the U.S. Institute of Museum and Library Services under the provisions of the Library

Services and Technology Act, administered in California by the State Librarian. Any use of this material should credit the author and

funding source.

3

Background-position

Text-decoration None, underline, overline, line-through

Links A:link, A:hover, A:active, A:visitedare selectorsColor: Colors, hexadecimal, RGB valuesBackground: Colors, hexadecimal, RGB valuesFont-weight: Bold

Colors (17 Standard CSS) Aqua, black, blue, fuchsia, gray, green, lime,maroon, navy, olive, orange, purple, red,silver, teal, white, yellow