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)"