Créez une bordure circulaire autour d'une image à l'aide de la propriété CSS Clip-path:circle()

Question

Je veux savoir comment ajouter une bordure dans une image clip-path:circle(); Existe-t-il un autre moyen d'ajouter une bordure ?

Image : Bordure : 5px rouge uni ;

J'ai essayé ceci :

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

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

Puisque border-radius ne fonctionne pas, comment procéder ensuite

Answer 1

border-radius Fonctionne avec des images. Voir exemple ci-dessous. Vous cherchez autre chose ?

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