Visual Effect Attributes

CSS2 supports some new visual effects, such as making elements visible or invisible. You can see a sample in Table 21.8.

Table 21.8. Visual Effect Style Attributes

Attribute	NS2	NS3	NS4	NS6	IE3a	IE3b	IE4	IE5	IE5.5	IE6
clip								x	x	x
	CSS2: <shape> auto inherit
	Default: auto
	Applies to: Block-level and replaced elements
	Specifies what part of an element is visible by setting the "clipping" region of an element.
overflow								x	x	x
	CSS2: visible hidden scroll auto inherit
	Default: visible
	Applies to: Block-level and replaced elements
	Specifies whether the contents in a block-level element are clipped if the contents overflows the element's box.
visibility				x				x	x	x
	CSS2: visible hidden collapse inherit
	Default: inherit
	Applies to: All elements
	Sets whether the element is displayed or hidden.

Now let's put some of the style attributes we've seen to work using JavaScript.