This document outlines the CSS1 properties grouped into font, text, margin/padding/border, and background categories. For each property it lists the property name, possible values, default value, and elements it applies to. It provides a quick reference to the CSS1 specification for common formatting properties and their definitions.
A standards-based method for controlling the look and feel of XML content.
Comprised of Rules to control elements in the document.
Designed to separate formatting from the content while being flexible and scalable
CSS specifies a priority scheme to determine which style rules apply if more than one rule matches against a particular element.
A standards-based method for controlling the look and feel of XML content.
Comprised of Rules to control elements in the document.
Designed to separate formatting from the content while being flexible and scalable
CSS specifies a priority scheme to determine which style rules apply if more than one rule matches against a particular element.
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