CSS Reference -- Table of Contents


This Table of Contents links to text references for each of the various CSS values. A return link back to this Table of Contents is located following each table.

  1. Basic Concepts

  2. Pseudo-Elements and Pseudo-Classes

  3. Color and Background Properties

  4. Font Properties

  5. Text Properties

  6. Box Properties

  7. List Properties

  8. Positioning Properties

  9. Page Properties

  10. User Interface Properties

  11. Units

Basic Concepts

PROPERTY NAME

VALUE

In HTML

link

 

<style>...</style>

 

<x style="declaration;">

Grouping

x, y, z {declaration;}

Contextual selectors

x y z {declaration;}

Class selector

.class

ID selector

#ID

At-rules

@import

 

@font-face

 

@media

 

@page

Important

!important

Return to CSS Table of Contents


Pseudo-Elements and Pseudo-Classes

PROPERTY NAME

VALUE

after

:after

anchor

a:active

 

a:focus

 

a:hover

 

a:link

 

a:visited

before

:before

first

:first

first-child

:first-child

left

:left

paragraph

p:first-letter

 

p:first-line

right

:right

Return to CSS Table of Contents


Color and Background Properties

PROPERTY NAME

VALUE

background

<background-color>

 

<background-image>

 

<background-repeat>

 

-<background-attachment>

 

<background-position>

background-attachment

scroll

 

fixed

background-color

<color>

 

transparent

background-image

<url>

 

none

background-position

<percentage>

 

<length>

 

top

 

center

 

bottom

 

left

 

right

background-repeat

repeat

 

repeat-x

 

repeat-y

 

no-repeat

color

<color>

Return to CSS Table of Contents


Font Properties

PROPERTY NAME

VALUE

font

<font-style>

 

<font-variant>

 

<font-weight>

 

<font-size> / <line-height>

 

<font-family>

 

caption

 

icon

 

menu

 

message-box

 

small-caption

 

status-bar

font-family

<family-name>

 

cursive

 

fantasy

 

monospace

 

sans-serif

 

serif

font-size

<absolute-size> (xx-small - xx-large)

 

<relative-size> (smaller - larger)

 

<length>

 

<percentage>

font-size-adjust

<number>

 

none

font-stretch

normal

 

wider

 

narrower

 

ultra-condensed

 

extra-condensed

 

condensed

 

semi-condensed

 

semi-expanded

 

expanded

 

extra-expanded

 

ultra-expanded

font-style

normal

 

italic

 

oblique

font-variant

normal

 

small-caps

font-weight

normal

 

bold

 

bolder

 

lighter

 

100 – 900

Return to CSS Table of Contents


Text Properties

PROPERTY NAME

VALUE

content

<string>

 

<url>

 

<counter>

 

open-quote

 

close-quote

 

no-open-quote

 

no-close-quote

counter-increment

<identifier>

 

<integer>

 

none

counter-reset

<identifier>

 

<integer>

 

none

direction

ltr

 

rtl

letter-spacing

normal

 

<length>

line-height

normal

 

<number>

 

<length>

 

<percentage>

quotes

<string>

 

none

text-align

left

 

right

 

center

 

justify

text-decoration

none

 

underline

 

overline

 

line-through

 

blink

text-indent

<length>

 

<percentage>

text-shadow

none

 

<color>

 

<length>

text-transform

capitalize

 

uppercase

 

lowercase

 

none

unicode-bidi

normal

 

embed

 

bidi-override

vertical-align

baseline

 

sub

 

super

 

top

 

text-top

 

middle

 

bottom

 

text-bottom

 

<percentage>

 

<length>

white-space

normal

 

pre

 

nowrap

word-spacing

normal

 

<length>

Return to CSS Table of Contents


Box Properties

PROPERTY NAME

VALUE

border

<border-width>

 

<border-style>

 

<color>

border-bottom

<border-width>

 

<border-style>

 

<color>

border-bottom-color

<color>

border-bottom-style

<border-style>

border-bottom-width

<border-width>

border-collapse

collapse

 

separate

border-color

<color>

 

transparent

border-left

<border-top-width>

 

<border-style>

 

<color>

border-left-color

<color>

border-left-style

<border-style>

border-left-width

<border-width>

border-right

<border-top-width>

 

<border-style>

 

<color>

border-right-color

<color>

border-right-style

<border-style>

border-right-width

<border-width>

border-spacing

<length>

border-style

none

 

dotted

 

dashed

 

solid

 

double

 

groove

 

ridge

 

inset

 

outset

border-top

<border-top-width>

 

<border-style>

 

<color>

border-top-color

<color>

border-top-style

<border-style>

border-top-width

<border-width>

border-width

thin

 

medium

 

thick

 

<length>

bottom

<length>

 

<percentage>

clear

none

 

left

 

right

 

both

float

left

 

right

 

none

height

<length>

 

<percentage>

 

auto

margin

<margin-width>

margin-bottom

<margin-width>

margin-left

<margin-width>

margin-right

<margin-width>

margin-top

<margin-width>

marker-offset

<length>

 

auto

max-height

<length>

 

<percentage>

 

none

max-width

<length>

 

<percentage>

 

none

min-height

<length>

 

<percentage>

 

min-width <length>

 

<percentage>

padding

<padding-width>

padding-bottom

<padding-width>

padding-left

<padding-width>

padding-right

<padding-width>

padding-top

<padding-width>

width

<length>

 

<percentage>

 

auto

Return to CSS Table of Contents


List Properties

PROPERTY NAME

VALUE

list-style

<list-style-type>

 

<list-style-position>

 

<list-style-image>

list-style-image

<url>

 

none

list-style-position

inside

 

outside

list-style-type

disc

 

circle

 

square

 

decimal

 

decimal-leading-zero

 

lower-roman

 

upper-roman

 

lower-greek

 

lower-alpha

 

lower-latin

 

upper-alpha

 

upper-latin

 

hebrew

 

armenian

 

georgian

 

cjk-ideographic

 

hiragana

 

katakana

 

hiragana-iroha

 

katakana-iroha

 

none

Return to CSS Table of Contents


Positioning Properties

PROPERTY NAME

VALUE

caption-side

top

 

bottom

 

left

 

right

clip

auto

 

<shape>

display

block

 

inline

 

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

empty-cells

show

 

hide

left

<length>

 

<percentage>

 

auto

overflow

visible

 

hidden

 

scroll

 

auto

position

static

 

absolute

 

relative

 

fixed

right

<length>

 

<percentage>

 

auto

table-layout

auto

 

fixed

top

auto

 

<length>

 

<percentage>

visibility

collapse

 

visible

 

hidden

z-index

auto

 

<integer>

Return to CSS Table of Contents


Page Properties

PROPERTY NAME

VALUE

marks

crop

 

cross

 

none

orphans

<integer>

page

<identifier>

 

auto

page-break-after

auto

 

always

 

avoid

 

left

 

right

page-break-before

auto

 

always

 

avoid

 

left

 

right

page-break-inside

avoid

 

auto

size

<length>

 

auto

 

portrait

 

landscape

widows

<integer>

Return to CSS Table of Contents


User Interface Properties

PROPERTY NAME

VALUE

cursor

<url>

 

auto

 

crosshair

 

default

 

pointer

 

move

 

e-resize

 

ne-resize

 

nw-resize

 

n-resize

 

se-resize

 

sw-resize

 

s-resize

 

w-resize

 

text

 

wait

 

help

outline

<outline-color>

 

<outline-style>

 

<outline-width>

outline-color

<color>

 

invert

outline-style

<border-style>

outline-width

<border-width>

Return to CSS Table of Contents


Units

PROPERTY NAME

VALUE

Length Units

em

 

ex

 

px

 

in

 

cm

 

mm

 

pt

 

pc

Color Units

#000

 

#000000

 

(RRR,GGG,BBB)

 

(R%,G%,B%)

 

<keyword>

URLs

<url>

Return to CSS Table of Contents


Link to additional CSS information on this site.