Cascade Ref

http://books24x7.blogspot.com background-position (¥)

CSS1 PROPERTIES The Cascading Style Sheets Level 1 properties outlined here are grouped into the appropriate categories. For each property the following information is specified: ?? The property name and section number within the CSS1 specification ?? The set of possible values for the property ?? The default value (in bold, or specified separately) ?? The elements that the property applies to (all unless otherwise stated) ?? ¥ indicates a property that is not inherited The notation used in this Quick Reference is summarised at the end. FONT PROPERTIES font-family

§ 5.2.2

[ | ]{1,2} | [top | center | bottom] || [left | center | right] Default: 0% 0% Applies to: block-level and replaced elements Percentage values: refer to the size of the element itself background (¥)

|| || || || Default: not defined for shorthand properties Percentage values: allowed on

word-spacing

Value:

letter-spacing

font-style

Value:

§ 5.2.3

normal | italic | oblique

Value:

§ 5.2.4

normal | small-caps

font-weight

Value:

§ 5.2.5

normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

font-size

Value:

xx-small | x-small | small | medium | large | x-large | xx-large larger | smaller font

§ 5.2.7

none | [ underline || overline || line-through || blink ]

[ || || ]? [ / ]? Default: not defined for shorthand properties Percentage values: allowed on and COLOR AND BACKGROUND PROPERTIES color

§ 5.3.1

background-image (¥)

Value:

scroll | fixed

padding-bottom (¥)

§ 5.5.8

§ 5.4.6

padding (¥)

capitalize | uppercase | lowercase | none

text-align

Value: left | right | center | justify Default: UA specific Applies to: block-level elements text-indent

line-height

§ 5.5.9

§ 5.5.10

Value:

§ 5.5.1

§ 5.5.13

thin | medium | thick |

border-left-width (¥)

Value:

§ 5.5.12

thin | medium | thick |

border-bottom-width (¥)

Value:

§ 5.5.11

thin | medium | thick |

border-right-width (¥)

Value: normal | | | Percentage values: relative to the font size of the element itself

Value: | | auto Default: 0 Percentage values: refer to parent element's width

border-top-width (¥)

Value:

§ 5.4.8

margin-right (¥)

padding-left (¥)

Value: | {1, 4} Default: not defined for shorthand properties Percentage values: refer to width of closest block-level ancestor § 5.4.7

§ 5.3.3

§ 5.3.5

§ 5.5.7

Value: | Default: 0 Percentage values: refer to width of closest block-level ancestor

§ 5.4.5

Value:

Value: | | auto Default: 0 Percentage values: refer to parent element's width

repeat | repeat-x | repeat-y | no-repeat

background-attachment (¥)

padding-right (¥)

text-transform

margin-top (¥)

§ 5.3.4

§ 5.5.6

Value: | Default: 0 Percentage values: refer to width of closest block-level ancestor

Value: | Default: 0 Percentage values: refer to width of closest block-level ancestor

§ 5.3.2

| none

background-repeat (¥)

Value:

§ 5.4.4

BOX PROPERTIES

| transparent

§ 5.5.5

Value: | Default: 0 Percentage values: refer to width of closest block-level ancestor

Value: Default: UA specific background-color (¥)

§ 5.5.4

Value: | | auto Default: 0 Percentage values: refer to parent element's width

baseline | sub | super | top | text-top | middle | bottom | text-bottom | Applies to: inline elements Percentage values: refer to the 'line-height' of the element itself

Value:

Value: | Default: 0 Applies to: block-level elements Percentage values: refer to parent element's width

Value:

Value:

§ 5.4.3

§ 5.2.6

Value: | | | Percentage values: relative to parent element's font size

Value:

§ 5.4.2

normal |

vertical-align (¥)

margin-left (¥)

padding-top (¥) § 5.4.1

text-decoration (¥)

§ 5.5.3

Value: | | auto Default: 0 Percentage values: refer to parent element's width

Value: | | auto {1, 4} Default: not defined for shorthand properties Percentage values: refer to parent element's width

normal |

serif | sans-serif | cursive | fantasy | monospace

margin-bottom (¥)

margin (¥)

TEXT PROPERTIES

[[ | ],]* [ | ] Default: UA specific

font-variant

§ 5.3.7

Value:

Value:

Value:

§ 5.3.6

Value:

§ 5.5.14

thin | medium | thick |

border-width (¥)

§ 5.5.15

Value: thin | medium | thick | {1, 4} Default: not defined for shorthand properties border-color (¥) § 5.5.2

§ 5.5.16

Value: {1,4} Default: the value of the 'color' property border-style (¥)

Value:

none | dotted | dashed | solid | double | groove | ridge | inset | outset

§ 5.5.17

http://books24x7.blogspot.com border-top (¥)

§ 5.5.18

Value: || || Default: not defined for shorthand properties border-right (¥)

Length units § 5.5.19

§ 5.5.21

Value: || || Default: not defined for shorthand properties border (¥)

Value: || || Default: not defined for shorthand properties

Value: Value:

URL § 5.5.26

white-space

Value:

PSEUDO CLASSES AND PSEUDO ELEMENTS § 5.6.1

Anchor Pseudo Classes

Typographic Pseudo Elements

§ 5.6.2

A:link /* unvisited link */ A:visited /* visited links */ A:active /* active links */

P:first-line /* first line of a P element */ P:first-letter /* first letter of a P element */

disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none Applies to: elements with 'display' value 'list-item' list-style-image

§ 5.6.4

Value: | none Applies to: elements with 'display' value 'list-item' list-style-position

CSS SAMPLES

§ 5.6.3

Value:

H1 { font-family: Times } /* all ‘H1’ elements */ H1, H2 { color: blue } /* all ‘H1’ and ‘H2’ elements */ H1 EM { color : red } /* ‘EM’ elements within ‘H1’ elements/ .para { font-family: Arial } /* all elements with CLASS ‘para’ */

§ 5.6.5

NOTATION § 5.6.6

Value: <list-style-type> || <list-style-position> || <list-style-image> Default: not defined for shorthand properties Applies to: elements with 'display' value 'list-item'

Properties · Font Properties · Color and Background Properties · Text Properties · Box Properties · Classification Properties Units · Length Units · Percentage Units · Color Units · URL Pseudo Class and Pseudo elements CSS Samples

H1#z98y { letter-spacing: 0.5em } /* the ‘H1’ element with ID ‘z98y’ */

Value: inside | outside Applies to: elements with 'display' value 'list-item' list-style

http://www.w3.org/TR/REC-CSS1

Table of Contents:

url(text)

normal | pre | nowrap

list-style-type

W3C Recommendation 17 December 1996, revised 11 January 1999

§ 6.4



none | left | right | both

block | inline | list-item | none

Cascading Style Sheets (CSS) Level 1

§ 5.5.24

CLASSIFICATION PROPERTIES

Value:

§ 6.3

| aqua | black | blue | fuchsia | gray | green | lime | maroon | navy | olive | purple | red | silver | teal | white | yellow # | # | rgb(, , ) | rgb( , )

left | right | none

display (¥)

§ 6.2



§ 5.5.25

clear (¥)

Quick Reference

% Color Units

Value: | auto Applies to: block-level and replaced elements float (¥)

| mm | cm | in | pt | pc em | ex | px

§ 5.5.23

Value: | | auto Applies to: block-level and replaced elements Percentage values: refer to parent element's width height (¥)



Percentage Units § 5.5.22

width (¥)

(+ | -)? +[. *]?

§ 5.5.20

Value: || || Default: not defined for shorthand properties border-left (¥)

§ 6.1



Value: || || Default: not defined for shorthand properties border-bottom (¥)

UNITS

a b [a b] a | b a || b a? a* a+ a{1, 4}

a followed by b Grouping of a and b a or b either a or b or both in any order a is optional zero or more occurrences of a one or more occurrences of a a occurs at least once and at most 4 times

Notation

deepX Ltd. Dublin, Ireland [email protected] http://www.deepX.com/