Quick Reference to Cascading Style Sheets, level 1 (original) (raw)

This version is based on:

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

Latest version:

http://www.w3.org/TR/WD-css1.html

Author:

Steven Pemberton(Steven.Pemberton@cwi.nl)

Syntax

a b c

a is followed by b is followed by c, in that order.

a | b

either a or b must occur

a || b

either a or b or both must occur, in any order

[a b]

brackets, used for grouping

a is optional

a is repeated 0 or more times

a is repeated 1 or more times

a{1,4}

a is repeated at least once and at most 4 times.

Juxtaposition is stronger than the double bar, and the double bar is stronger than the bar. Thus "a b | c || d e" is equivalent to "[ a b ] | [ c || [ d e]]".

Definitions

Block-level elements

an element which has a line break before and after (e.g.

,
)

Replaced element

An element which is replaced by content pointed to from the element. E.g., .

Properties

In each definition

the default value is shown in bold, or given separately
values apply to all elements unless otherwise stated
properties are inherited unless the property name is marked with a star "*".

5.2 Font properties

5.2.2 font-family

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

serif | sans-serif | cursive | fantasy | monospace

5.2.3 font-style

normal | italic | oblique

5.2.4 font-variant

normal | small-caps

5.2.5 font-weight

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

5.2.6 font-size

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

larger | smaller

5.2.7 font

[ || || ]? [ / ]?
Initial: not defined for shorthand properties
Percentage values: allowed on and

5.3 Color and background

5.3.1 color

_Initial:_ UA specific

5.3.2 background-color*

| transparent

5.3.3 background-image*

| none

5.3.4 background-repeat*

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

5.3.5 background-attachment*

scroll | fixed

5.3.6 background-position*

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

5.3.7 background*

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

5.4 Text properties

5.4.1 word-spacing

normal |

5.4.2 letter-spacing

normal |

5.4.3 text-decoration*

none | [ underline || overline || line-through || blink ]
Inherited: no, but see clarification below

5.4.4 vertical-align*

5.4.5 text-transform

capitalize | uppercase | lowercase | none

5.4.6 text-align

left | right | center | justify
Applies to: block-level elements
Initial: UA specific

5.4.7 text-indent

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

5.4.8 line-height

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

5.5 Box properties

5.5.1 margin-top*

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

5.5.2 margin-right*

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

5.5.3 margin-bottom*

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

5.5.4 margin-left*

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

5.5.5 margin*

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

5.5.6 padding-top*

|
Initial: 0
Percentage values: refer to parent element's width

5.5.7 padding-right*

|
Initial: 0
Percentage values: refer to parent element's width

5.5.8 padding-bottom*

|
Initial: 0
Percentage values: refer to parent element's width

5.5.9 padding-left*

|
Initial: 0
Percentage values: refer to parent element's width

5.5.10 padding*

[ | ]{1,4}
Initial: 0
Percentage values: refer to parent element's width

5.5.11 border-top-width*

thin | medium | thick |

5.5.12 border-right-width*

thin | medium | thick |

5.5.13 border-bottom-width*

thin | medium | thick |

5.5.14 border-left-width*

thin | medium | thick |

5.5.15 border-width*

[thin | medium | thick | ]{1,4}
Initial: not defined for shorthand properties

5.5.16 border-color*

{1,4}
Initial: the value of the 'color' property

5.5.17 border-style*

5.5.18 border-top*