A clipping region defines what portion of an element's rendered content is visible. By default, the clipping region has the same size and shape as the element's box(es). However, the clipping region may be modified by the 'clip' property.

The 'clip' property applies to elements that have a 'overflow' property with a value other than 'visible'. In CSS2, all clipping regions are rectangular. We anticipate future extensions to permit non-rectangular clipping.

<shape> | auto | inherit

p { clip: rect(5px, 10px, 10px, 5px); }

p { clip: rect(5px, -5px, 10px, 5px); }