div.a { position: absolute; top: 64px; left: 450px; width: 10px; z-index: 2;
clip: rect(48px 270px 267px 50px); }

div.b { position: absolute; top: -180px; left: 400px; width: 10px; z-index: 1;
clip: rect(200px 228px 260px 155px); }

The codes above set up two separate clipping regions that are both rectangles (which is the only shape supported so far). Everything within the clipping region will be displayed.

The div.a example (at the bottom right), region is 48 pixels from the top of the box containing the element. The right side is 270 pixels from the left edge of the box. The bottom edge is 267 pixels from the top of the box. And the left side is 50 pixels from the left edge of the box.

The div.b example (at the top right), regions are as noted and are read the same way. (The way to read these numbers are clockwise starting from 12 o'clock, 3 o'clock, 6 o'clock, and 9 o'clock. It is always read in this direction.)