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
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
This property gives the base writing direction of text (left to right or right to left). display
This property indicates how an element should be displayed. If you set this property to block , creating a block-level element, the element is displayed starting on a new line, and the following element also starts on a new line. The inline value, which is the default, specifies that elements should be displayed in the normal flow of elements. float
You use this property to indicate whether a box should be positioned to the left, right, or not at all. Text will flow around the element. position
This property indicates which positioning algorithm to use. This setting is important when you set properties such as left or right . unicode-bidi
You use this property to work with elements with reversed Unicode order. z-index
This property indicates the stacking level of a box. You use it when you position elements to indicate which element goes on top of which other element. |