clip


CSS clip Property
The CSS clip property is used to clip regions of an element only when its position property is set to "absolute".
rect(top, right, bottom, left)
You can give each side a length or set them to auto respectively. An auto value for a respective side will make that clipping side equal to that of the element sides.
auto
no clipping occurs
CSS CODE EXAMPLE
<style type="text/css">
#div1 {
position: absolute;
clip: rect(0px, 50px, 50px, 0px); /* top, right, bottom, left*/
border: #F00 1px dashed;
background:#FFD5D6;
width: 200px;
height: 100px;
}
</style>
<div id="div1">my div content ...</div>
#div1 {
position: absolute;
clip: rect(0px, 50px, 50px, 0px); /* top, right, bottom, left*/
border: #F00 1px dashed;
background:#FFD5D6;
width: 200px;
height: 100px;
}
</style>
<div id="div1">my div content ...</div>
my div content ...
Possible Values:
shaperect(top, right, bottom, left)
You can give each side a length or set them to auto respectively. An auto value for a respective side will make that clipping side equal to that of the element sides.
auto
no clipping occurs
0 Response to "clip"
Post a Comment