Visual Effects Properties

New in CSS2, visual effect properties let you describe how elements are drawn. I'm including a sampling of these properties here.

clip

• CSS2 values: <shape>autoinherit

• Default value: auto

• Element support: Block-level and replaced elements

• Browser support: [IE5, IE6]

• Style inherited: No

The clipping region of an element indicates what part of the element is drawn and, therefore, what part is visible. This property lets you set an element's clipping region.

overflow

• CSS2 values: visiblehiddenscrollautoinherit

• Default value: visible

• Element support: Block-level and replaced elements

• Browser support: [IE5, IE6]

• Style inherited: No

This property specifies whether the content of a block-level element should be clipped if it extends past the edges of the element's box.

visibility

• CSS2 values: visiblehiddencollapseinherit

• Default value: inherit

• Element support: All elements

• Browser support: [IE5, IE6]

• Style inherited: No

This property indicates whether the element should displayed.