关于div的outline-offset属性和focus事件的接收
生活随笔
收集整理的這篇文章主要介紹了
关于div的outline-offset属性和focus事件的接收
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
outline-offset屬性設置輪廓框架在 border 邊緣外的偏移.
Outlines在兩個方面不同于邊框：
- Outlines 不占用空間
- Outlines 可能非矩形
outline-offset越大，越容易向外偏移：
outline-offset越小，越容易向內偏移：
<html> <style> div {margin:20px;height: 70px;border: 1px solid green;outline: 1px solid red;outline-offset: 4px; } </style><body><div>1</div><div>2</div><div>3</div> </body> </html>綠色的是border，紅色的是offset：
offset從4px改成-4px：
默認本頁面里只有button可以focus，div沒辦法接受focus：
給div添加tabindex="1"的屬性后，就可以接收focus事件了：
tab鍵的focus會根據屬性tabindex的值從小到大進行移動，tabindex = -1則無法接收tab focus事件。
更多Jerry的原創文章，盡在：“汪子熙”:
總結
以上是生活随笔為你收集整理的关于div的outline-offset属性和focus事件的接收的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 如何用Flash制作变形动画效果
- 下一篇： 如何给UI上可以接收focus事件的el