Glubase - share your knowledge


All / Computers / Programming / CSS





  • View Command

CSS Reference

CSS bottom definition

Syntax

bottom: auto | <percentage> | <length>

Description

For absolutely positioned elements this property defines how far the bottom edge of an element is above the bottom edge of the containing block (beginning at the padding's edge). The containing block of an absolutely positioned element is the first ancestor whose position property is set to absolute, fixed or relative.

For relatively positioned elements this property defines how far the bottom edge of the element is above the position that the element would be at normally. 

Values

Values Description
auto Default. The browser calculates the bottom position.
percentage Defines a bottom position percentage value from the edge of an element.
length Defines a bottom position length from the edge of an element.

Version Information

Available since CSS 2.0

See Also

direction

Example

[Try this example yourself]
<style type="text/css">
.absoluteposition
{
position:absolute;
bottom:25px;
right:15px;
}
</style>
<div style="position:absolute;width:100%">
<p class="absoluteposition">Some absolutely positioned text.</p>
<p>Some ordinary text</p>
<p>Some ordinary text</p>
<p>Some ordinary text</p>
<p>Some ordinary text</p>
<p>Some ordinary text</p>
</div>

Output

Some absolutely positioned text.

Some ordinary text

Some ordinary text

Some ordinary text

Some ordinary text

Some ordinary text

  • Comments

No comments added.