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