Copyright © tutorialspoint.com
The clip property defines the area outside which an absolutely positioned element's content is not visible.
block-level and replaced elements.
object.style.clip=rect(top right bottom left); |
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
Copyright © tutorialspoint.com