Below is a table of style properties and values for positioning. (I've included here only properties now supported by Internet Explorer and Netscape -- I'll add others when they are supported)
|
Property
|
Description
|
Values
|
Example
|
Positioning Properties
|
|
clip (not inherited)
|
Specifies an area of an element to be rendered transparent
|
rect (top right left bottom) where top right left bottom are auto or length values (pt, in, cm, px)
|
{ clip: rect (5pt auto auto auto) }
|
|
height (not inherited)
|
Specifies the height of an element (most useful for scaling images; the aspect ratio will be maintained if width is specified as auto)
|
auto or length values (pt, in, cm, px) or percentage
|
{ height: 50px }
|
|
width (not inherited)
|
Specifies the width of an element (most useful for scaling images; the aspect ratio will be maintained if height is specified as auto)
|
auto or length values (pt, in, cm, px) or percentage
|
{ width: 50% }
|
|
left (not inherited)
|
Specifies the left position of an element positioned relatively or absolutely
|
auto or length values (pt, in, cm, px) or percentage
|
{ left: 2pt }
|
|
top (not inherited)
|
Specifies the top position of an element positioned relatively or absolutely
|
auto or length values (pt, in, cm, px) or percentage
|
{ top: -2pt }
|
|
overflow (not inherited)
|
Specifies the handling of a portion of element positioned relatively or absolutely that overflows into another element
|
clip (overflowed portion is hidden) or none (overflowed portion displayed) or scroll (to reveal overflowed portion)
|
{ overflow: clip }
|
|
position (not inherited)
|
Specifies whether element can be positioned
|
absolute (in relation to the document); relative (in relation to the parent element); static (default--not positioned)
|
{ position: relative }
|
|
visibility (not inherited)
|
Specifies whether element is visible (space for element is reserved in either case)
|
visible; hidden
|
{ visibility: hidden }
|
|
z-index (not inherited)
|
Specifies whether element displayed above or below other overlapping elements (note that Netscape 4.0 handles this through the layer attribute
|
number (positive for above, negative for below, starting from 1; by default successive elements are assigned higher numbers)
|
{ z-index: 2 }
|
|
white-space (not inherited)
|
Specifies whether element displayed normally, or a pre-formatted text
|
normal; pre
|
{ white-space: pre }
|