|
|
|
|
|
|
| |
The bottom property (CSS Reference)
Introduction
The bottom property is used to determine the absolute
position from bottom for the content. This property is best used with the
property position. The following example demonstrates the usage and positions 3
strings from bottom.
Example
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
p.bottom0
{
position:absolute;
bottom:0px;
}
p.bottom1
{
position:absolute;
bottom:25px;
}
p.bottom2
{
position:absolute;
bottom:50px;
}
</style>
<title>bottom Demonstration</title>
</head>
<body>
<h1><p>The text should be somewhere at the
bottom.</p></h1>
<h1><p class="bottom0">Hello
World0</p></h1>
<h1><p class="bottom1">Hello
World1</p></h1>
<h1><p class="bottom2">Hello
World2</p></h1>
</body>
</html>
Output
Values
|
Name:
|
Description:
|
|
auto
|
Defines the position automatically.
|
|
length
|
The following values can be also used to define the bottom
distance:
cm (centimeter)
em (ems)
inch (inches)
mm (millimeters)
pc (picas)
px (pixels)
pt (points)
|
|
percentage
|
Defines the distance of the content from bottom in
percentages. You have to use the percentage sign %.
|
|
|
|
|
|
|
|
|
Email TopXML