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 ...

Get Real World XML now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.