Comment puis-je configurer une frontière à l'intérieur de la div

Je me demandais juste si il y a une façon de créer un div avec la "frontière" à l'intérieur de la div. Ce que je veux dire, c'est: j'ai un div de 200px par exemple et que je veux la frontière à l'intérieur de 200 pixels, sans dépasser.

J'ai besoin pour atteindre l'effet d'un div avec une bordure non pas sur le bord de la forme, mais 5px plus à l'intérieur. Une image parle plus que des centaines de mots

Ce que je veux c':

Comment puis-je configurer une frontière à l'intérieur de la div

Voici mon code:

http://jsfiddle.net/hpLYD/1/

Le CSS:

.circle {
    border-radius: 50%;
    width: 200px;
    height: 200px;
    background: red;
    border: 3px solid blue;
}

Propriété Padding est l'expansion de l'ensemble de la div, y compris la frontière.

Comment puis-je obtenir cet effet en utilisant uniquement css? est-il possible?

Remarque: Le border: dashed/dotted; ne fonctionne pas dans Firefox, il les rend solides de toute façon (quand border-radius est appliqué).

OriginalL'auteur pwnjack | 2013-06-03