svg rect multiple fill colors

Question

I have a svg rect element. I have "fill: rgb(31, 119, 180);" which renders the rect on the left side of image below.

How can I set the rect style to render the multiple borders like the one on right?

Answer 1

This isn't possible. Instead, you could use a second rectangle. The first one would have a white background with a black border, and the interior one would be blue. Or the first one could just be black, and the interior one would be blue with a white stroke.