What does the clip attribute mean in css
Editor to share with you what the clip attribute in css means, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!
1. What is the clip attribute of css?
The clip attribute clips the absolute positioning element. The clip attribute allows you to define the visible size of an element, and when an image is larger than the size that contains the element, the image is trimmed and displayed as the shape defined by that element.
1. Grammar
Img {
Position:absolute
Clip:rect (0px, 60px, 200px, 0px)
}
Code example:
.demo {
Width:200px
Height:500px
Margin:50pxauto
}
Img {
Border:1pxsolid#000
}
.img {
Position:absolute
Clip:rect (0pxMagol 165pxMagol 200pxMagol 34px)
}
Original picture:
After cutting
The above is all the content of the article "what does the clip attribute in css mean?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!
