關于div的outline-offset屬性和focus事件的接收

outline-offset屬性設定輪廓架構在 border 邊緣外的偏移.

Outlines在兩個方面不同于邊框：

• Outlines 不占用空間
• Outlines 可能非矩形

• 

  outline-offset越大，越容易向外偏outline-offset越大，越容易向外偏移：

  

  outline-offset越小，越容易向内偏移：

  

  

  

  綠色的是border，紅色的是offset：

  

  offset從4px改成-4px：

預設本頁面裡隻有button可以focus，div沒辦法接受focus：

tab鍵的focus會根據屬性tabindex的值從小到大進行移動，tabindex = -1則無法接收tab focus事件。