A clipping area describes the portions of an element's rendering
box that are visible (when an element's 'overflow' property is not
set to 'visible'.)
Parent element clipping regions also apply to calculating a current
element's clipping area; in cases where multiple clipping regions
apply to an element, only the intersection of the multiple regions
should be displayed.
Allowed Values
inherit
CSS2
Type: Explicit
Description:
Explicitly sets the value of this property to that of the parent.
auto
CSS2 | IE4
Type: Explicit
Description:
The clipping region is the same size as the element's rendering box.
[shape]
CSS2 | IE4
| N4
Type: Explicit
Description:
Only one [shape] syntax is currently understood: rect([top] [right] [bottom] [left])
This syntax defines a rectangular area where [top], [right], [bottom],
and [left] are offsets from each respective side of the element's rendering
box. In the future, other clipping shapes may be allowed.
The [top], [right], [bottom], and [left] values can take a standard
[length] unit measurement or 'auto'. Use of the keyword 'auto' in this
case indicates that the clipping region for a specific edge will be the
same as the corresponding side of the element's rendering box (a value
of '0'.)
In-Line: <pSTYLE="overflow: clip;
position: absolute; width: 50px;
height: 50px;
clip: rect(-5px, -5px, 15px,
5px)">text content that will be clipped in a prescribed
manner</p>
Notes
Before its inclusion in CSS2, this property was first proposed in the W3C
Working Draft "Positioning HTML Elements with Cascading Style Sheets" (8/19/97,
http://www.w3.org/TR/WD-positioning)
Browser Peculiarities
Internet Explorer 4+ The 'position' property
must be set to "absolute" for this property to have any effect.