CSS clip Property

❮ Previous Reference Next ❯

Deprecated: Not Supported in CSS3.


img {
  position: absolute;
  clip: rect(0px,100px,55px,50px);


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

Warning: Do not use this property as it has been deprecated since CSS3 and removed from the future version. Though some browsers may still support it.

Note: Developers are encouraged to use the newer clip-path property instead.

Default value:auto
JavaScript syntax:

Standard Syntax

clip: auto|shape|initial|inherit|revert|revert-layer|unset;

Browser Support

The numbers in the table specify the first browser version that fully supports the property.


Property Values

The following table describes the values of this property.

Value Description
auto This is default. No clipping will be applied.
shape Clips an element. The only valid value is: rect (top, right, bottom, left)
initial Sets this property to its default value.
inherit If specified, the associated element takes the computed value of its parent element animation-delay property.
revert Reverts the cascaded value of the property from its current value to the value the property
revert-layer Rollback styles to the ones specified in previous cascade layers.
unset Resets a property to its inherited value if the property naturally inherits from its parent, and to its initial value if not.

Default CSS Property Values

selectors {
  clip: auto;
❮ Previous Reference Next ❯