O'Reilly logo

Real World XML by Steven Holzner

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Positioning and Block Properties

As you might recall, we took a look at absolute and relative positioning in this chapter, moving text and images around. Because the positioning style properties refer to position, they also refer to an element's box quite a bit. As mentioned earlier, an element's box is just the invisible rectangle it's drawn in.

bottom, top, left, right

  • CSS2 values: <length>|<percentage>|auto|inherit

  • Default value: auto

  • Element support: All elements

  • Browser support: [IE3, IE4, IE5, IE6, NS4, NS6]

  • Style inherited: No

This property specifies how far a box's bottom, top, left, or right content edges should be from the box's containing area. You use these properties to position the box.

direction

  • CSS1 values: ltr|rtl

  • CSS2 values: inherit ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required