Real World XML

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