HTML and CSS Reference
In-Depth Information
This property defines the y (vertical) coordinate for a positioned element, relative to the
bottom of the enclosing object or browser window.
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 .
#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;}
CSS 2, 3
IE 4+
Netscape 4+, Firefox 1+
Opera 6+, Safari 1+
• Browsers tend to assume pixel measurements if a length unit is not set.
This property defines the position of a caption element within a < table> tag.
caption-side: top | bottom | inherit
caption {caption-side: bottom;}
.right {caption-side: right;}
CSS 2, 3
IE 8+
Netscape 6+, Firefox 1+
Opera 6+, Safari 1+
• 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.
Search WWH ::

Custom Search