CSS3 quick reference

background-clip

Specifies if background extends into the border

background-image

Now supports multiple background images (stacked in order listed)

background-origin

Specifies background positioning location as padding-box, border-box, or content-box

background-size

Sets the size using % length, contain, cover

border-image

Specifies border image's source slice width outset repeat

border-radius

Specifies rounded corners for top right bottom left

box-shadow Specifies shadow's top right bottom left color

box-sizing Specifies if width includes border: content-box (yes) border-box (no)

columns Specify width and number of columns

content Inserts content before or after an element

HSL colors Sets colors using hue saturation lightness

HSLA colors Adds alpha to HSL

opacity Specifies opacity from 0 (transparent) to 1

nav-top nav-right nav-bottom nav-left

Specify which element receives focus when the arrow keys are pressed

outline Adds a line outside the border

overflow-x overflow-y

Specifies whether overflow content is visible hidden or scroll (hidden with scrollbar)

resize Specifies if element can be resized horizontal vertical or both

RGBA colors Sets colors using red green blue alpha

size Sets the print size and orientation

text-overflow

Specifies overflow content as clip or ellipsis

text-shadow Specifies shadow's right bottom blur color

transform Repositions element using origin rotate scale skew translate

word-wrap Allows long words to wrap using break-word

See www.csstothepoint.com for more information, or buy the book CSS to the Point at www.lulu.com/clickstart

Training and consulting available! We are now enrolling students for Flare, Captivate (intro and advanced), and HTML/CSS online classes or onsite customized group classes. See www.clickstart.net or email us at info@clickstart.net