CSS - crop image - top and bottom

Question

I have got this image:

And I want to crop 200px from top and 200px from bottom.

Cropped image:

I want to do this in CSS.

How can I achieve that?

Answer 1

You can use the CSS property called clip. Have a look at the documentation here.

For example:

img {
    position: absolute;
    clip: rect(0px,60px,200px,0px);
}