CSS:增加div的轮廓和边界之间的差距

Question

我叠!...有加大差距的方式outline (整体线条)和border (div的即时线)？

例如,我得到了:

[码]

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

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



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



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

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

Answer 1

使用outline-offset属性 - JSFiddle