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.





Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day
Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition)
ISBN: 0672328860
EAN: 2147483647
Year: 2007
Pages: 305

Similar book on Amazon

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net