position
bottom
left
right
PROPERTY: top
top
:
auto
|
length
|
percentage
Compatibility:
IE4+ N4+
Version:
Level 2
Inherited:
No
The
top
property sets the physical distance of how far the top content edge of an element is below the top content edge of the containing block.
A containing block is simply an element that contains one or more related elements.
There are three other properties that allow you to set the distance for the
bottom, left,
and
right
content edges. All four properties are used in conjunction with the
position
property. Note that if the
position
property is set to the
static
value, setting the
top
property has no effect.
auto
The
auto
value dictates that the browser sets the distance between the top content edges.
length
The
length
value sets the distance between the top content edges and can be in any of the following seven units. Use the abbreviation.
Length
Abbrev.
centimeters
cm
ems
em
inches
in
millimeters
mm
picas
pc
pixels
px
points
pt
percentage
The
percentage
value sets the distance between the top content edges as a percentage of the overall height of the parent block. It is a positive integer number. The percent sign is mandatory.
Code:
p.one {
position: absolute;
bottom: 1in;
left: 1in;
right: 1in;
top: 1in;
}
Output:
Click to view example in separate window
Copyright 1999-2001 by Infinite Software Solutions, Inc. All rights reserved.
Trademark Information