Borda em imagem circular

Tenho a seguinte imagem:

<div class="row text-center">
 <div class="col-lg-3">
 <img src="imagens/vetor_foto_de_perfil.png" width="100" heigth="100" alt="Foto de perfil" class="fotoperfil rounded-circle" >
 </div>
</div>

	Desejo adicionar uma borda ao redor dela, tentei da seguinte forma:

img.fotoperfil{

	border:1px dotted black;
}

	Porém não obtive sucesso, como eu poderia fazer?