Copyright © tutorialspoint.com

CSS - clip

previous next


Description:

The clip property defines the area outside which an absolutely positioned element's content is not visible.

Possible Values:

Applies to:

block-level and replaced elements.

DOM Syntax:

object.style.clip=rect(top right bottom left);

Example:

Here is the example which shows effect of this property:

<style type="text/css">
div {
  background: url(/images/css.gif);
  clip:rect(10px, 155px, 145px, 10px);
  border:2px solid black;
  height:100px;
  width:150px;
  position:absolute;
  top:inherit;
  left:0px;
}
</style>
<div>
Example of clipping one image using css clip property
</div>

To Become more comfortable - Do Online Practice


previous next

Copyright © tutorialspoint.com