通過 CSS 2.x 中 outline 屬性說關鍵字和值的不同

Eric 的文章 《Reset Reloaded》 中 代碼:1:focus {}{
2    outline: 0;
3}

:focus 規則中 outline 為何要設定為0呢?
Blank 懌飛的文章 《text-indent 隱藏文字時出現的 outline 問題》 中說了原由。
CSS 界權威 Eric meyer 大師說了：
為什麼在:focus 規則中把輪廓的寬度壓掉呢？是因為必須自己定義一個 outline 屬性，對其可訪問性有用。
本人把outline的屬性值挖出來，看看相應的值對應的是什麼屬性：
outline: none;
none這是個關鍵字，是outline-style（輪廓樣式）的屬性值。none就是無輪廓樣式。
outline: 0;
0 是 0px 的簡寫。通常在這種情況下 px 可省寫。是outline-width(輪廓寬度)的屬性值。0就是輪廓寬度為0像素。
輪廓(outline)與邊框(border)類似，二者的區別有兩點：
1.輪廓不能參與到文檔流中，所以不會影響文檔流。
2.輪廓可能不一定為矩形，但也不是說為圓形，可能是“合并”的形狀。
好了，繼續研究meyer大師的reset (重設)代碼...
參見：CSS2.1規範 18.4 使用者介面之outline屬性
註：IE 7及以下版本不支援該屬性，可以在指令碼中用hideFocus = 'true'定義。