CSS clip Property (original) (raw)

Last Updated : 11 Jul, 2025

The **clip property specifies defining what portion of an absolutely positioned element you want to make visible. Except for the specified region, the rest all other the regions are hidden. The clip property is only applicable to the absolutely positioned element ie., the element having the _position: absolute or _position: fixed.

**Syntax:

clip: auto|shape|initial|inherit;

**Note:

• CSS clip property won’t work for "_overflow: visible".
• The clip property is now deprecating which will be replaced by the clip-path property.

**Property values: All the properties are described well with the example below.

**auto: It is the default value, there won’t be any clipping. The element is shown as it is.

**Syntax:

clip: auto;

**Example: This example illustrates the use of the **clip property whose value is set to auto that will not apply any clipping to the specified region.

HTML `