Difference between revisions of "CSS GUIDE BOTTOM"
(→Summary) |
|||
| Line 4: | Line 4: | ||
<table border="0"> | <table border="0"> | ||
<tr> | <tr> | ||
| − | <td><b>Applicability:</b></td><td>The bottom property can be used for | + | <td><b>Applicability:</b></td><td>The bottom property can be used for positioned elements.<td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
Revision as of 23:08, 11 December 2006
This document is a work in progress and is subject to change.
Contents
Summary
The bottom property is used to horizontally offset from the bottom edge of an element.
| Applicability: | The bottom property can be used for positioned elements. | |
| Media Group: | Visual | |
| Inherited: | No | |
| Default Value: | auto |
Syntax
TARGET_ELEMENT{bottom: inhert !important}
TARGET_ELEMENT{bottom: auto}
TARGET_ELEMENT{bottom: 20%}
TARGET_ELEMENT{bottom: 20px}
Legal Values
| Value | Description |
|---|---|
| inherit | Explicitly sets the value to that of the parent |
| auto | Allows the browser to calculate the bottom position of the element |
| percentage | Sets the bottom position in a percentage from the left edge. Can be 0%-100% |
| length | Sets the bottom position in pixels (px), centimeters (cm), etc, from the bottom edge. |
Mozilla Recommended Values
Usage Examples
p{
position: absolute;
bottom: 20px
}
img{
position: absolute;
bottom: 15%
}
div{
position: absolute;
bottom: auto
}
Notes
When bottom property is used with the position property, if the position property has a value of "static", the bottom property has no effect on the element.
Specification Conformance
- CSS 1
- CSS 2.1
- CSS 3
