From http://www.w3schools.com (Copyright Refsnes Data)
The bottom property specifies the bottom edge of an element.
Note: If the "position" property has a value of "static", the "bottom" property has no effect.
Inherited: No
CSS properties can also be dynamically changed with a JavaScript.
Scripting Syntax: object.style.bottom="100px"
In our HTML DOM tutorial you can find more details about the bottom property.
In our HTML DOM tutorial you can also find a full Style Object Reference.
This example sets the bottom edge of the paragraph to 20 px above
the bottom edge of the window:
This example sets the bottom edge of the paragraph to 20 px below
the bottom edge of the window: |
Value | Description |
---|---|
auto | Default. Lets the browser calculate the bottom position |
% | Sets the bottom position in % from the bottom edge of the window |
length | Sets the bottom position in px, cm, etc. from the bottom edge of the window. Negative values are allowed |
Set the
bottom edge of an image using a pixel value
This example demonstrates how to set the bottom edge of an element using a pixel
value.
Set the bottom edge of an image using a percent value
This example demonstrates how to set the bottom edge of an element using a
percent value.
From http://www.w3schools.com (Copyright Refsnes Data)