CSS variable weight double border

[AJH123]

I’d like to add a double border around an html element similar to the one at the following url:

http://pluspng.com/png-151998.html

It needs to have a thick outside border and a thinner inside one with about 10 pixels separating the two borders.

I wondered if someone could tell me if I can do this using css?

Thank you in advance.

[AlainPre]

Something ike this :

#outer {border:solid thick black;}
#inner {border:solid thin black; margin:10px;}

<div id=”outer”>
    <div id=”inner”>
       …
    </div>
</div>

or a border-image : http://stylescss.free.fr/v2-properties/border-image.php

[AJH123]

The border-image property sounds like a good solution – thank you for the suggestion.

[Author]

Posts