CSS clip

Previous Next

Demo of the different values of the clip property.

Click the property values below to see the result:

clip: auto;
clip: rect(0px,25px,25px,0px);
clip: rect(0px,50px,50px,0px);
clip: rect(10px,50px,50px,10px);
clip: rect(10px,100px,50px,10px);
clip: rect(10px,100px,100px,10px);
clip: rect(0px,100px,100px,0px);
See how different clip values will affect this DIV element.
See how different clip values will affect this DIV element.
See how different clip values will affect this DIV element.
See how different clip values will affect this DIV element.
See how different clip values will affect this DIV element.
See how different clip values will affect this DIV element.
See how different clip values will affect this DIV element.

Play more with the code in our Tryit yourself editor: Try it Yourself ❯