HTML and CSS Reference
In-Depth Information
bottom
This property defines the
y
(vertical) coordinate for a positioned element, relative to the
bottom of the enclosing object or browser window.
Syntax
bottom:
length
|
percentage
| auto | inherit
where
length
can be specified in the standard units of length, such as inches (
in
) and so on,
but is nearly always set in pixels (
px
), and
percentage
corresponds to a percentage of the
containing object's dimensions. The default value,
auto
, places the object where it normally
would be in the document order. For relative position, this will likely be treated as 0. For
absolute and fixed positioning, it will calculate a value based upon other set properties,
particularly
top
.
Examples
#div1 {position: absolute; left: 100px; bottom: 150px;}
#div2 {position: absolute; left: 50%; bottom: 30%;}
#div3 {position: absolute; left: 10px; bottom: auto; top: 500px;}
/* bottom will evaluate to a position calculated off the top position */
#footer {position: fixed; left: 0; bottom: 0;}
Compatibility
CSS 2, 3
IE 4+
Netscape 4+, Firefox 1+
Opera 6+, Safari 1+
Note
• Browsers tend to assume pixel measurements if a length unit is not set.
caption-side
This property defines the position of a
caption
element within a
<
table>
tag.
Syntax
caption-side:
top | bottom | inherit
Examples
caption {caption-side: bottom;}
.right {caption-side: right;}
Compatibility
CSS 2, 3
IE 8+
Netscape 6+, Firefox 1+
Opera 6+, Safari 1+
Notes
• Many browsers support values of
left
and
right
as well, which were defined by
CSS2 and dropped in CSS 2.1.
• A value of
top
typically is the default in a browser which corresponds to the
common position of the
caption
element with a
<table>
tag.
