Home arrow DHTML arrow Page 3 - Borders and More with Style Sheets
DHTML

Borders and More with Style Sheets


If you're looking for a thorough resource on style sheet properties, you've come to the right place. This article, the third part of a series, covers borders, bottom edges, and more. It is excerpted from chapter four of Dynamic HTML: The Definitive Reference, Third Edition, written by Danny Goodman (O'Reilly; ISBN: 0596527403). Copyright © 2006 O'Reilly Media, Inc. All rights reserved. Used with permission from the publisher. Available from booksellers or direct from O'Reilly Media.

Author Info:
By: O'Reilly Media
Rating: 5 stars5 stars5 stars5 stars5 stars / 16
September 13, 2007
TABLE OF CONTENTS:
  1. · Borders and More with Style Sheets
  2. · Even More on Borders
  3. · Alphabetical Property Reference: Bottom
  4. · Clear Property

print this article
SEARCH DEVARTICLES

Borders and More with Style Sheets - Alphabetical Property Reference: Bottom
(Page 3 of 4 )

bottom
IE 5 NN n/a Moz all Saf all Op all CSS 2

Inherited: No

The CSS specification calls for this property to define the position of the bottom edge of a positioned elementís margin edge relative to the bottom edge of the next outermost block content container; in the case of positioned elements using the root document as the positioning context, dimensions of the containing block are determined by the browser window of an unscrolled document. In other words, for a top-level positioned element, instead of using the bottom of the document as the comparative edge, these browsers use the bottom of the browser window space (the viewport in CSS terminology). As a result, the precise bottom position of the element varies with the userís browser window size.

caption-side

When the element is relative-positioned, the offset is based on the bottom edge of the inline location of where the element would normally appear in the content.

CSS Syntax

bottom: length | percentage | auto

Value

See the discussion about length values at the beginning of this chapter. Negative lengths may be allowed in some contexts, but be sure to test the results on all browsers. You may also specify a percentage value, which is calculated based on the height of the next outermost container. The setting of auto lets the browser determine the bottom offset of the element box on its naturally flowing offset within the containing box.

Initial Value        auto

 Applies To           All positioned elements.

Object Model Reference

[window.]document.getElementById("elementID").style.bottom

caption-side
IE 5(Mac) NN n/a Moz all Saf all Op all CSS 2

Inherited: Yes

Positions the caption element above or below the tabular content of the enclosing table element. This property supplants some deprecated align property settings of the caption element.

CSS Syntax

caption-side: top | bottom | left | right

Value

One of the four constant values: top | bottom | left | right . The values left and right were removed from CSS2.1.

Initial Value        top

Applies To            caption elements.

Object Model Reference

[window.]document.getElementById("elementID").style.captionSide


blog comments powered by Disqus
DHTML ARTICLES

- Text-Justify, Volume, and Other Style Sheet ...
- Ruby-Position, Size, and Other Style Sheet P...
- Padding, Pages, and More Style Sheet Propert...
- Marks, Orphans, and More Style Sheet Propert...
- Layouts, Margins, and Other Style Sheet Prop...
- Floats, Fonts, and Other Style Sheet Propert...
- Color, Filters, and Other Style Sheet Proper...
- Borders and More with Style Sheets
- Learning Style Sheet Properties
- Style Sheet Property Reference
- Completing a Noisy Image Application
- An Object-Based Approach to Building Noisy I...
- A Basic Method for Building Noisy Images
- Adding More Features to Sliders with the Scr...
- Using Sliders with the Scriptaculous Framewo...

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 

Developer Shed Affiliates

 




© 2003-2017 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials