Clip

The clip(top,right,bottom,left) attribute allows you to show a defined section of a layer.
This is ideal for showing parts of an image.
The grey colour represents the image area that is clipped.

clip:rect(top,right,bottom,left)

Image Full Size = 320px x 240px

clip:rect(45,235,195,85)

                               Top: 45




        Left: 85                                       Right: 235




                               Bottom: 195
Left Half : style="position:absolute; left:0px; top:0px; CLIP:rect(0px 160px 240px 0px)"
Right Half : style="position:absolute; left:0px; top:0px; CLIP:rect(0px 320px 240px 160px)"
Left Top Corner : style="position:absolute; left:0px; top:0px; CLIP:rect(0px 160px 120px 0px)"
Right Top Corner : style="position:absolute; left:0px; top:0px; CLIP:rect(0px 320px 120px 160px)"
Right Bottom Corner : style="position:absolute; left:0px; top:0px; CLIP:rect(120px 320px 240px 160px)"
Left Bottom Corner : style="position:absolute; left:0px; top:0px; CLIP:rect(120px 160px 240px 0px)"
The Sphere : style="position:absolute; left:0px; top:0px; CLIP:rect(53px 195px 190px 53px)"