CSS clip Property


The clip property specifies which portion of an absolutely positioned element should be visible. Other than the specified region, all other regions are hidden. The clip property is only applicable to elements that are absolutely positioned, i.e., elements with position: absolute or position: fixed.

Syntax

Example

Preview

Property Values

Value Description
auto There will be no clipping. This is the default setting.
shape An element is clipped. The only valid value is: rect (top, right, bottom, left).
initial This property is set to its default value.
inherit This property is inherited from its parent element.

Supported Browsers

Element Chrome Firefox Safari Edge / IE Opera
clip 1.0 1.0 1.0 8.0 7.0