CSS：增加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

使用outline-offset属性— JSFiddle