css clip property
Translation results：
clip
UK[klɪp] US[klɪp]
n. Trim; (plastic or metal) clip; paper clip; clipping
vt.& vi. Pin on something, clamp on something with a clip
vt. Cut; cut off; shorten; cut off the hair (or hair) of...
vi. Trim; cut; cut out newspaper articles (or news, pictures, etc.); act quickly
css clip propertysyntax
Function: clip attribute clips absolutely positioned elements. What happens when an image is larger than the element that contains it? The "clip" attribute allows you to specify the visible dimensions of an element so that it will be clipped and appear in this shape.
Description: This attribute is used to define a clipping rectangle. For an absolutely defined element, only the content within the rectangle is visible. Content outside this clipping area will be processed according to the value of overflow. The clipping area may be larger or smaller than the element's content area.
Note: All major browsers support the clip attribute. The attribute value "inherit" is not supported in any version of Internet Explorer (including IE8).
css clip propertyexample
<html>
<head>
<style type="text/css">
img
{
position:absolute;
clip:rect(0px 50px 200px 0px)
}
</style>
</head>
<body>
<p>clip 属性剪切了一幅图像：</p>
<p><img border="0" src="http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" width="120" height="151"></p>
</body>
</html>Click the "Run instance" button to view the online instance