HTML The Definitive Guide (155 page)

Same as

 ...

B.1 HTML 4.0 Core

C. Cascading Style Sheet

Attributes

Properties Quick Reference

Appendix C

C. Cascading Style Sheet Properties

Quick Reference

In the following table, we list in alphabetical order all the properties defined in the World Wide Web Consortium's Recommended Specification for Cascading Style Sheets, Level 1

(
http://www.w3.org/pub/WWW/TR/REC-CSS1
).

NOTE:
Graphic We know that browser support of style sheets will change faster than we can reprint this book, so we have created a separate "compliance document" that you can use to determine how style sheets are implemented by the latest releases of the
browsers. You can find this document at http://www.oreilly.com/catalog/html3/
.

Whenever that document and this appendix differ, the document should be considered more accurate. In this printing, we cover Netscape Navigator 4.05 and Internet Explorer 4.0. Graphic

As in other sections of this book, we use the Netscape and Internet Explorer icons to the far right of each property to show which browser supports that property. Properties with no icons are not currently supported by any browser.

We also include the number of the section in this book that fully defines the property.

We include each property's possible values, defined as either an explicit keyword (shown in constant width) or as one of these values: color

Either a color name or hexadecimal RGB value, as defined in Appendix F, Color Names and

Values
, or an RGB triple of the form: rgb(red, green, blue)

where
red
,
green
, and
blue
are either numbers in the range 0 to 255 or percentage values indicating the brightness of that color component. Values of 255 or 100% indicate that the corresponding color component is at its brightest; values of 0 or 0% indicate that the corresponding color component is turned completely off. For example: rgb(27, 119, 207)

rgb(50%, 75%, 0%)

are both valid color specifications.

length

An optional sign (either + or -) immediately followed by a number (with or without a decimal point) immediately followed by a two-character unit identifier. For values of zero, the unit identifier may be omitted.

The unit identifiers em and ex refer to the overall height of the font and to the height of the letter "x", respectively. The unit identifier px is equal to a single pixel on the display device.

The unit identifiers in, cm, mm, pt, and pc refer to inches, centimeters, millimeters, points, and picas, respectively. There are 72.27 points per inch, and 12 points in a pica.

number

An optional sign, immediately followed by a number (with or without a decimal point).

percent

An optional sign, immediately followed by a number (with or without a decimal point), immediately followed by a percent sign. The actual value is computed as a percentage of some other element property, usually the element's size.

url

The keyword url, immediately followed (no spaces) by a left parenthesis, followed by a URL

optionally enclosed in single or double quotes, followed by a matching right parenthesis. For example:

url("http://members.aol.com/htmlguru") is a valid URL value.

Finally, some values are lists of other values and are described as a "list of" some other value. In these cases, a list consists of one or more of the allowed values, separated by commas.

If there are several different values allowed for a property, these alternative choices are separated by vertical bars (|).

If the standard defines a default value for the property, that value is underlined.

background

Composite property for the

9.3.4.6

Graphic

background-attachment,

Graphic

background-color,

background-image,

background-position, and

background-repeat

properties; value is any of these

properties' values, in any order

background-attachment scroll | fixed Determines if the background 9.3.4.1

Graphic

image is fixed in the window or

scrolls as the document scrolls

background-color

color
|

Sets the background color of an

9.3.4.2

Graphic

transparent

element

Graphic

background-image

url
| none

Sets the background image of an

9.3.4.3

Graphic

element

Graphic

background-position

percent
|
length
|

Sets the initial position of the

9.3.4.4

Graphic

top | center |

element's background image, if

bottom | left |

specified; values are normally

right

paired to provide x, y positions.

Default position is 0% 0%

background-repeat

repeat |

Determines how the background

9.3.4.5

Graphic

repeat-x |

image is repeated (tiled) across

Graphic

repeaty |

an element

no-repeat

border

Sets all four borders on an

9.3.6.6

Graphic

element; value is one or more of

Graphic

a
color
, a value for

border-width, and a value

for border-style

border-bottom

Sets the bottom border on an

9.3.6.6

Graphic

element; value is one or more of

a
color
, a value for

border-bottom-width, and

a value for border-style

border-bottom-width

length
| thin |

Sets the thickness of an element's 9.3.6.4

Graphic

medium | thick

bottom border

Graphic

bordercolor

color

Sets the color of all four of an

9.3.6.3

Graphic

element's borders; default is the

color of the element

border-left

Sets the left border on an

9.3.6.6

Graphic

element; value is one or more of

a
color
, a value for

border-left-width, and a

value for border-style

border-left-width

length
| thin |

Sets the thickness of an element's 9.3.6.4

Graphic

medium | thick

left border

Graphic

border-right

Sets the right border on an

9.3.6.6

Graphic

element; value is one or more of

a
color
, a value for

border-right-width, and a

value for border-style

border-right-width

length
| thin |

Sets the thickness of an element's 9.3.6.4

Graphic

medium | thick

right border

Graphic

border-style

dashed |

Sets the style of all four of an

9.3.6.5

Graphic

dotted |

element's borders

Graphic

double |

groove | inset

| none | outset

| ridge | solid

border-top

Sets the top border on an

9.3.6.6

Graphic

element; value is one or more of

a
color
, a value for

border-top-width, and a

value for border-style

border-top-width

length
| thin |

Sets the thickness of an element's 9.3.6.4

Graphic

medium | thick

top border

Graphic

border-width

length
| thin |

Sets the thickness of all four of

9.3.6.4

Graphic

medium | thick

an element's borders

Graphic

clear

both | left |

Sets which margins of an

9.3.6.7

Graphic

none | right

element must not be adjacent to a

Graphic

floating element; the element

will be moved down until that

margin is clear

color

color

Sets the color of an element

9.3.4.7

Graphic

Graphic

display

block | inline

Controls how an element is

9.3.8.1

Graphic

| list-item |

displayed

none

float

left | none |

Determines if an element will

9.3.6.8

Graphic

right

float to the left or right, allowing

Graphic

text to wrap around it, or be

displayed inline (using none)

font

Sets all the font attributes for an

9.3.3.6

Graphic

element; value is any of the

Graphic

values for fontstyle
,

font-variant,

font-weight, fontsize,

line-height, and

font-family, in that order

font-family

list of font names

Define the font for an element,