Visibility Controls
You can use stylesheet attributes to control whether an object can be seen and how much of the object is visible:
- clip can be auto (the default) to specify that this object will not be clipped or rect(length,length,length,length) to clip the top, right, bottom, and left sides of the object in a rectangular shape. Future CSS versions are expected to support other shapes as well as rect.
- overflow controls what happens if the object will not fit into the defined area. This can be auto (the default) to allow the browser to decide for itself, visible to allow the area to be enlarged to fit the object, hidden to hide whatever part of the object wont fit, or scroll to add a scrollbar to the area that allows it to scroll to show the rest of the object.
- visibility controls whether the object appears on the page or not. This can be inherit (the default) to inherit the same visibility as its parent object, visible to show the object on the page,or hidden to hide the object. Space will still be allocated in the layout of the page even if the object is hidden. Netscape 4 also allowed the use of show and hide to set the visibility.
Examples
#myobj {overflow:hidden}
#obj2 {visibility:hidden}
#obj3 {clip:rect(0,3px,3px,0);}
