Page Layout with CSS - Web Development and Design Foundations with XHTML - page 232

Table 6.1 CSS properties used with formatting and page layout (continued)

Property Description Commonly Used Values

Blank space between an element
and its left border

A numeric value ( px or em ) or percentage

padding-left

Blank space between an element
and its right border

A numeric value ( px or em ) or percentage

padding-right

padding-top Blank space between an element

and its top border

A numeric value ( px or em ) or percentage

Configures the positioning of an
element

The value relative will position the element
in relation to the normal flow. The value
absolute will position the element at the
exact pixel location.

position

Distance in from the right (of the
containing element) to display an
element

A numeric pixel value or percentage

right

scrollbar-arrow-color Color of the arrow on the scroll

bar (IE only)

Any valid color

Color of the sliding scroll bar (IE
only)

Any valid color

scrollbar-face-color

Color of the track the scroll bar
slides in (IE only)

Any valid color

scrollbar-track-color

The alignment of text Text values center , justify , left , right

text-align

Determines whether text is under-
lined; this style is most often
applied to hyperlinks

The text value none will cause a hyperlink not
to be underlined in a browser thatnormally
processes in this manner. The text value
underline will configure hyperlink to be
underlined.

text-decoration

Indents first line of a block
element

A numeric value ( em or px ), percentage

text-indent

Modifies appearance of text Text values none (default), capitalize ,

uppercase , lowercase

text-transform

Disance down from the top (of the
containing element) to display an
element

A numeric pixel value or percentage

top

Modifies the alignment of an inline
element

Text values middle , bottom , text-bottom ,
text-top , top , super , sub , or a percentage
value

vertical-align

visibility Controls whether an element

displays and takes up space on a
Web page

Text values visible , hidden , inherit

width Width of an element A numeric value ( px or em ), percentage

The stack order of an element on
a Web page; a higher value will
display in front of elements with
lower values

A numeric value; the default value is 0. May be
negative although this can cause problems in
Netscape.

z-index