[Cascading Style Sheets]
[Previous page] [Next page] [Section contents page]

Positioning Properties and Values

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)

Commonly Used Properties and Values for Cascading Style Sheets

Table Legend
IE3 Supported in Internet Explorer 3.x
IE4 Supported in Internet Explorer 4.x
N4 Supported in Netscape 4.x
pt = points
in = inches
cm = centimeters
px = pixels
em = height of element's font
(the em unit is not yet widely supported and should be used with caution)
  Property Description Values Example
Positioning Properties
IE4
N4
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) }
IE4
N4
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 }
IE4
N4
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% }
IE4
N4
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 }
IE4
N4
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 }
IE4
N4
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 }
IE4
N4
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 }
IE4
N4
visibility (not inherited) Specifies whether element is visible (space for element is reserved in either case) visible; hidden { visibility: hidden }
IE4
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 }
Netscape 4
white-space (not inherited) Specifies whether element displayed normally, or a pre-formatted text normal; pre { white-space: pre }
[Previous page] [Next page] [Section contents page]