Web Design in a Nutshell, 3rd Edition

The default auto property sets the edge of the clipping path at the content edge for the given side. Values for clip must be provided in length values (percentage values are not permitted).

It is important to note that the top, right, bottom, and left values for the clip property are measured from the top-left corner of the element, not the sides as is the case for the offset properties. For languages that read right to left, distances are measured from the top-left corner.

This is a simple example of a clipping area applied to an element (Figure 21-12).

    div.a {position: absolute; height: 150px; width: 150px; background-color:#CCC;clip: rect(10px, 130px, 130px, 10px);}

Figure 21-12. A clipping area