Berechnung der Größe des abgerundeten Rahmens für das innere Element zur Anpassung an das äußere Element

Question

Wie Sie in diesem Beispiel sehen können, stimmen zwei verschachtelte Elemente mit demselben Pixelwert für abgerundete Ränder nicht überein:

http://jsfiddle.net/bMFaH/

Nun, gibt es irgendeine Art von Javascript, die ich ausführen könnte, um zu "berechnen", basierend auf Breite/Höhe/Randstärke/... was der innere Rand-Radius sein sollte?

Der Grund dafür ist, dass ich dies für viele verschiedene (vom Benutzer festgelegte) Randradien und Elementgrößen benötige, so dass ich nicht einfach einen statischen Wert eingeben kann.

Edit: OK ich habe weiter getestet, ist das korrekt:

Outer radius: x pixels
Outer border: y pixels
Inner radius: x-y pixels

Vielen Dank im Voraus, Wesley

Answer 1

Vorausgesetzt, Sie wissen, wie man CSS-Werte abruft und setzt, lautet die "Formel" für den äußeren Randradius

inner.border-radius + outer.border-width

Es scheint recht einfach zu sein, ein Javascript-Skript zu erstellen, das die Berechnungen durchführt.

EDIT: Oder, wie Sie erwähnt haben, können Sie den inneren Randradius auch mit outer.border-radius - outer.border-width berechnen.