1. background-position (¥) § 5.3.6 margin-bottom (¥) § 5.5.3
CSS1 PROPERTIES
The Cascading Style Sheets Level 1 properties outlined here are grouped Value: [<percentage> | <length>]{1,2} | [top | center | bottom] || Value: <length> | <percentage> | auto
into the appropriate categories. For each property the following [left | center | right] Default: 0
information is specified: Default: 0% 0% Percentage values: refer to parent element's width
?? The property name and section number within the CSS1 specification Applies to: block-level and replaced elements margin-left (¥) § 5.5.4
?? The set of possible values for the property Percentage values: refer to the size of the element itself
Value: <length> | <percentage> | auto
?? The default value (in bold, or specified separately) background (¥) § 5.3.7
Default: 0
?? The elements that the property applies to (all unless otherwise stated)
Value: <background-color> || <background-image> || Percentage values: refer to parent element's width
?? ¥ indicates a property that is not inherited
<background-repeat> || <background-attachment> || margin (¥) § 5.5.5
The notation used in this Quick Reference is summarised at the end.
<background-position>
FONT PROPERTIES Value: <length> | <percentage> | auto {1, 4}
Default: not defined for shorthand properties
Default: not defined for shorthand properties
Percentage values: allowed on <background-position>
font-family § 5.2.2
Percentage values: refer to parent element's width
TEXT PROPERTIES
Value: [[<family-name> | <generic-family>],]* padding-top (¥) § 5.5.6
[<family-name> | <generic-family>]
word-spacing § 5.4.1 Value: <length> | <percentage>
Default: UA specific
Default: 0
Value: normal | <length>
Percentage values: refer to width of closest block-level ancestor
<generic-family> letter-spacing § 5.4.2
padding-right (¥) § 5.5.7
serif | sans-serif | cursive | fantasy | monospace
Value: normal | <length>
font-style § 5.2.3 Value: <length> | <percentage>
text-decoration (¥) § 5.4.3
Default: 0
Value: normal | italic | oblique
Percentage values: refer to width of closest block-level ancestor
Value: none | [ underline || overline || line-through || blink ]
font-variant § 5.2.4
padding-bottom (¥) § 5.5.8
vertical-align (¥) § 5.4.4
Value: normal | small-caps
Value: <length> | <percentage>
Value: baseline | sub | super | top | text-top | middle | bottom |
font-weight § 5.2.5
Default: 0
text-bottom | <percentage>
Value: normal | bold | bolder | lighter | Percentage values: refer to width of closest block-level ancestor
Applies to: inline elements
100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 Percentage values: refer to the 'line-height' of the element itself padding-left (¥) § 5.5.9
font-size § 5.2.6
Value: <length> | <percentage>
text-transform § 5.4.5
Value: <absolute-size> | <relative-size> | <length> | <percentage> Default: 0
Percentage values: relative to parent element's font size Value: capitalize | uppercase | lowercase | none Percentage values: refer to width of closest block-level ancestor
text-align § 5.4.6 padding (¥) § 5.5.10
<absolute-size>
Value: left | right | center | justify Value: <length> | <percentage> {1, 4}
xx-small | x-small | small | medium | large | x-large | xx-large
Default: UA specific Default: not defined for shorthand properties
<relative-size>
Percentage values: refer to width of closest block-level ancestor
Applies to: block-level elements
larger | smaller
text-indent § 5.4.7 border-top-width (¥) § 5.5.11
font § 5.2.7
Value: thin | medium | thick | <length>
Value: <length> | <percentage>
Value: [ <font-style> || <font-variant> || <font-weight> ]?
Default: 0 border-right-width (¥) § 5.5.12
<font-size> [ / <line-height> ]? <font-family>
Applies to: block-level elements
Default: not defined for shorthand properties
Value: thin | medium | thick | <length>
Percentage values: refer to parent element's width
Percentage values: allowed on <font-size> and <line-height>
border-bottom-width (¥) § 5.5.13
line-height § 5.4.8
COLOR AND BACKGROUND PROPERTIES
Value: thin | medium | thick | <length>
Value: normal | <number> | <length> | <percentage>
color § 5.3.1 border-left-width (¥) § 5.5.14
Percentage values: relative to the font size of the element itself
Value: <color>
BOX PROPERTIES Value: thin | medium | thick | <length>
Default: UA specific
border-width (¥) § 5.5.15
margin-top (¥) § 5.5.1
background-color (¥) § 5.3.2
Value: thin | medium | thick | <length> {1, 4}
Value: <length> | <percentage> | auto
Value: <color> | transparent Default: not defined for shorthand properties
Default: 0
background-image (¥) § 5.3.3 border-color (¥) § 5.5.16
Percentage values: refer to parent element's width
Value: <url> | none margin-right (¥) § 5.5.2 Value: <color>{1,4}
background-repeat (¥) § 5.3.4 Default: the value of the 'color' property
Value: <length> | <percentage> | auto
border-style (¥) § 5.5.17
Value: repeat | repeat-x | repeat-y | no-repeat Default: 0
Percentage values: refer to parent element's width
background-attachment (¥) § 5.3.5 Value: none | dotted | dashed | solid | double |
groove | ridge | inset | outset
Value: scroll | fixed
2. border-top (¥) § 5.5.18 UNITS
Value: <border-top-width> || <border-style> || <color> Length units § 6.1
Default: not defined for shorthand properties
<length>
border-right (¥) § 5.5.19
(+ | -)? <number> <unit>
<number>
Value: <border-right-width> || <border-style> || <color>
<digit>+[. <digit>*]?
Default: not defined for shorthand properties
<unit>
border-bottom (¥) § 5.5.20
<absolute-unit> | <relative-unit>
Quick Reference
Value: <border-bottom-width> || <border-style> || <color> <absolute-unit>
Default: not defined for shorthand properties mm | cm | in | pt | pc
border-left (¥) § 5.5.21 <relative-unit>
em | ex | px
Value: <border-left-width> || <border-style> || <color>
Percentage Units § 6.2
Cascading Style Sheets
Default: not defined for shorthand properties
border (¥) § 5.5.22 <percentage>
(CSS)
<number>%
Value: <border-width> || <border-style> || <color>
Color Units § 6.3
Default: not defined for shorthand properties
Level 1
width (¥) § 5.5.23 <color>
<color-name> | <rgb-color>
Value: <length> | <percentage> | auto
<color-name>
Applies to: block-level and replaced elements
aqua | black | blue | fuchsia | gray | green | lime | maroon |
W3C Recommendation
Percentage values: refer to parent element's width
navy | olive | purple | red | silver | teal | white | yellow
17 December 1996, revised 11 January 1999
height (¥) § 5.5.24 <rgb-color>
#<hex><hex><hex> |
Value: <length> | auto
#<hex><hex><hex><hex><hex><hex> |
Applies to: block-level and replaced elements
rgb(<number>, <number>, <number>) | http://www.w3.org/TR/REC-CSS1
float (¥) § 5.5.25
rgb(<percentage> <percentage>, <percentage>)
Value: left | right | none URL § 6.4
clear (¥) § 5.5.26
<url> Table of Contents:
Value: none | left | right | both url(text)
Properties
CLASSIFICATION PROPERTIES PSEUDO CLASSES AND PSEUDO ELEMENTS · Font Properties
· Color and Background Properties
display (¥) § 5.6.1 Anchor Pseudo Classes Typographic Pseudo Elements
· Text Properties
Value: block | inline | list-item | none A:link /* unvisited link */ P:first-line /* first line of a P element */ · Box Properties
A:visited /* visited links */ P:first-letter /* first letter of a P element */
white-space § 5.6.2 · Classification Properties
A:active /* active links */
Value: normal | pre | nowrap
Units
CSS SAMPLES
list-style-type § 5.6.3
· Length Units
H1 { font-family: Times } /* all ‘H1’ elements */
· Percentage Units
Value: disc | circle | square | decimal | lower-roman | upper-roman |
· Color Units
lower-alpha | upper-alpha | none
H1, H2 { color: blue } /* all ‘H1’ and ‘H2’ elements */
· URL
Applies to: elements with 'display' value 'list-item'
list-style-image § 5.6.4 H1 EM { color : red } /* ‘EM’ elements within ‘H1’ elements/
Pseudo Class and Pseudo elements
Value: <url> | none
.para { font-family: Arial } /* all elements with CLASS ‘para’ */
Applies to: elements with 'display' value 'list-item'
CSS Samples
list-style-position § 5.6.5
H1#z98y { letter-spacing: 0.5em } /* the ‘H1’ element with ID ‘z98y’ */
Notation
Value: inside | outside
NOTATION
Applies to: elements with 'display' value 'list-item'
ab a followed by b
list-style § 5.6.6
deepX Ltd.
[a b] Grouping of a and b
Value: <list-style-type> || <list-style-position> || <list-style-image> a|b a or b
Default: not defined for shorthand properties a || b either a or b or both in any order
Dublin, Ireland
Applies to: elements with 'display' value 'list-item' a? a is optional
a* zero or more occurrences of a
info@deepX.com
a+ one or more occurrences of a
http://www.deepX.com/
a{1, 4} a occurs at least once and at most 4 times