CSS clip Property

CSS clip Property

This property sets the coordinates of the clipping shape that exposes or hides the content of absolutely positioned elements.

Syntax -

clip: rect(coordinates) | auto | inherit

 

Now we will see the values and their descriptions -

Value	Description
auto	Clipping will not be applied, and this is the default value.
shape	This clips an element.

 

NOTE - where the allowed clipping shape is a rectangle-defined rect(top right bottom left) in which the values specify offsets from the respective sides of the containing box.

 

Now we will see Example -