Shulou(Shulou.com)06/01 Report--

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!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.