How to add border in a image with clip-path: circle() property in css

Question

I want to know how to add border in image clip-path:circle(); any alternative way to add border?

like : border:5px solid red;

I tried this:

.roundedimage {
  width: 200px;
  clip-path: circle();
}

<img src="images/tv.jpg" alt="rounded Image" class="roundedimage">

How to proceed next because border-radius is not working

Answer 1

border-radius works on an image. See below example. Is there something else you were looking for?

.roundedimage {
  width: 200px;
  border: 5px solid red;
  border-radius:100vh;
}

<img src="https://picsum.photos/id/237/200" alt="rounded Image" class="roundedimage">