Tutorials Point


  CSS Home

  CSS Reference
  Pseudo Classes & Elements

Copyright © 2014 by tutorialspoint



  Home     References     Discussion Forums     About TP  

CSS - clip


previous next AddThis Social Bookmark Button


Advertisements

Description:

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

Possible Values:

  • auto: The clipping region is equivalent to the content area of the positioned element.
  • shape: A shape descriptor. As of CSS2, there is only one valid shape: rect(top right bottom left).

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 Printer Friendly

Advertisements


  

Advertisements