CSS crop Property

Description

The crop property allows a replaced element to be just a rectangular area of an object, instead of the whole object.

The crop property has been deprecated or is no longer in any CSS working groups.

Initial value

auto

Applies to

Replaced elements

Inherited

No

Media

Visual

Computed value

Specified value

Animatable

No

CSS Version

CSS3

JavaScript syntax

object.style.crop

Syntax

crop: <shape> | auto

Values

• <shape>rect(top, right, bottom, left)
  Each of the four arguments can be a <length> or a <percentage>. All percentage values are computed relative to the intrinsic dimensions of the element, if there is one.
• autoThe element's computed intrinsic width and height are the same as its actual intrinsic width and height.

Example

.class {
   crop: rect(0px, 115px, 85px, 30px); 
}

Browser Support

Desktop
?	?	?	?	?	?
Tablets / Mobile
?	?	?	?	?	?