CSS: increase the gap between the outline and border of div

Question

Am stack!... Is there a way to increase the gap between the outline (overall line) and the border (div's immediate line) ?

For instance, I got:

[CODE]

    <div style="border:5px solid red; outline:3px solid green \\--->GAP ?; >
//Inside Div

|---------------`OutLine`--------------------



-------> *this GAP*



      |-------------------`border`--------------------

          |---------------`<div>`--------------------|

Answer 1

Use outline-offset property — JSFiddle