Block-Level Properties

Block-level elements are those that are formatted visually as blocks. A paragraph or a list, for example, is a block.

bottom, left, right, top

Usage	Specifies how far a box's bottom, left, right, or top content edge is offset from the respective bottom, left, right, or top of the box's containing block.
CSS2 Values	<length> | <percentage> | auto | inherit
Initial	auto
Applies to	All elements.
Inherited	No.
Notes	Percentage refers to height of containing block.

direction

Usage	Specifies the direction of inline box flow, embedded text direction, column layout, and content overflow.
CSS1 Values	ltr | rtl
CSS2 Values	inherit
Initial	ltr
Applies to	All elements.
Inherited	Yes.
Notes See	unicode-bidi for further properties that relate to embedded text direction.

display

Usage	Specifies how the contents of a block are to be generated.
CSS1 Values	inline | block | list-item
CSS2 Values	run-in | compact | marker | table | inline-table | table-rowgroup | table-column-group | table-header-group | tablefooter-group | table-row | table-cell | table-caption | none | inherit
Initial	inline
Applies to	All elements.
Inherited	No.

float

Usage	Specifies whether a box should float to the left, right, or not at all. Floated elements are affixed to one side of the enclosing block so that other elements on the page can flow around them.
CSS1 Values	none | left | right
CSS2 Values	inherit
Initial	none
Applies to	Elements that are not positioned absolutely.
Inherited	No.

position

Usage	Determines which CSS2 positioning algorithms are used to calculate the coordinates of a box.
CSS2 Values	static | <relative> | <absolute> | fixed | inherit
Initial	static
Applies to	All elements except generated content.
Inherited	No.

unicode-bidi

Usage	Opens a new level of embedding with respect to the bidirectional algorithm when elements with reversed writing direction are embedded more than one level deep.
CSS2 Values	normal | embed | bidi-override | inherit
Initial	normal
Applies to	All elements.
Inherited	No.

z-index

Usage	Specifies the stack level of the box and whether the box establishes a local stacking context.
CSS2 Values	auto | <integer> | inherit
Initial	auto
Applies to	Elements that generate absolutely and relatively positioned boxes.
Inherited	No.