Home arrow DHTML arrow Floats, Fonts, and Other Style Sheet Property References

Floats, Fonts, and Other Style Sheet Property References

In the latest part of our continuing series on style sheet properties, you'll learn about floats, fonts, and more. This article 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 / 7
September 27, 2007
  1. · Floats, Fonts, and Other Style Sheet Property References
  2. · Fonts
  3. · More on Fonts
  4. · Height

print this article

Floats, Fonts, and Other Style Sheet Property References
(Page 1 of 4 )

Alphabetical Property Reference: Float

IE 4 NN 4 Moz all Saf all Op all CSS 1

Inherited: No

Determines on which side of the containing box the element aligns so that other content wraps around the element. When the property is set to none , the element appears in its source code sequence, and at most, one line of surrounding text content appears in the same horizontal band as the element.

Due to the prior reservation of float as a keyword in JavaScript, the property name is not available as a style object property name in object models that use JavaScript. Internet Explorer adopted the styleFloat property name; the W3C DOM uses cssFloat .

CSS Syntax

float: alignmentSide | none

Value                      An alignmentSide is one of the following constants: left | right.

Initial Value         none

Example                 img.navButton {float: right}

Applies To              All elements except positioned elements (or generated content).

Object Model Reference


Next: Fonts >>

blog comments powered by Disqus

- 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 

Developer Shed Affiliates


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