Javatpoint Logo
Javatpoint Logo

CSS Clip

This CSS property specifies the visible area of an element. It applies to absolutely positioned elements (position: absolute;). It is generally used when the image is larger than its containing element.

It allows us to define a rectangle, which is specified as four coordinates for clipping an absolutely positioned element.


Possible values

auto: It is the default value that shows the element as it is. There will be no clipping.


Test it Now

shape: It is used to clip an element. It clips the defined area of the element. Its valid value is rect(top, right, bottom, left).


Test it Now

Next TopicCSS clip-path

Youtube For Videos Join Our Youtube Channel: Join Now


Help Others, Please Share

facebook twitter pinterest

Learn Latest Tutorials


Trending Technologies

B.Tech / MCA