CSS Positioning Properties
The CSS positioning properties allow you to specify the left, right, top, and
bottom position of an element. It also allows you to set the shape of an
element, place an element behind another, and to specify what should happen when an element's content
is too big to fit in a specified area.
Browser support: IE: Internet Explorer, F: Firefox, N: Netscape.
W3C: The number in the "W3C" column indicates in which CSS recommendation
the property is defined (CSS1 or CSS2).
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| bottom | Sets how far the bottom edge of an element is above/below the bottom edge of the parent element |
auto % length |
5 | 1 | 6 | 2 |
| clip | Sets the shape of an element. The element is clipped into this shape, and displayed |
shape auto |
4 | 1 | 6 | 2 |
| left | Sets how far the left edge of an element is to the right/left of the left edge of the parent element |
auto % length |
4 | 1 | 4 | 2 |
| overflow | Sets what happens if the content of an element overflow its area |
visible hidden scroll auto |
4 | 1 | 6 | 2 |
| position | Places an element in a static, relative, absolute or fixed position | static relative absolute fixed |
4 | 1 | 4 | 2 |
| right | Sets how far the right edge of an element is to the left/right of the right edge of the parent element |
auto % length |
5 | 1 | 6 | 2 |
| top | Sets how far the top edge of an element is above/below the top edge of the parent element |
auto % length |
4 | 1 | 4 | 2 |
| vertical-align | Sets the vertical alignment of an element | baseline
sub text-bottom |
4 | 1 | 4 | 1 |
| z-index | Sets the stack order of an element | auto number |
4 | 1 | 6 | 2 |