Clipping

The clip property is used to make only a portion of the box attached to a positioned elements visible.

The possible values are

PropertiesDescription
rect(top right left bottom)top & bottom - integer values representing the distance in pixels from top margin of the box
right & left - integer values representing the distance in pixels from left margin of the box
auto(all boxes attached to an element is visible - default value)


example
clip: rect(25px 200px 75px 100px)
snippet
<html>
<head>
<style>
div{border: 1px solid #000000}
</style>
</head>
<body>
Original Image
<div><img src="image.jpg"></div>
Clipped Image
<div><img src="image.jpg" style="clip: rect(25px 200px 75px 100px)"></div>
</body>
</html>
Related Tutorial
2. Padding
3. Margin
4. Border
5. Cursors
Follow Us
https://www.facebook.com/Rookie-Nerd-638990322793530 # # # # #