CSS Double Border with outer border thicker than inner border

Question

In my current work I\'m required to produce a double border on a container. The border-style: double; achieve this, however my client want the outer border to be thicker &am

Answer 1

#box {
    border: solid 4px #333;
    outline: solid 3px #333;
    outline-offset: -12px;
}

If you don't use the double style on your border you can have more control. This method will give full control of styles for the outer border, the inner outline, and the space between them.