一點 有一點 其他 像素 實際應用 設置 繪制 文檔流 所有

CSS3 外輪廓屬性
外輪廓outline在頁面中呈現的效果和邊框border呈現的效果極其相似，但和元素邊框border完全不同，外輪廓線不占用網頁布局空間，不一定是矩形，外輪廓是屬於一種動態樣式， 只有元素獲取到焦點或者被激活時呈現。
-outline- color： 定義輪廓線的顏色，屬性值為CSS中定義的顏色值。在實際應用中，省略時此參數的默認值為黑色。
-outline- style： 定義輪廓線的樣式，屬性為CSS中定義線的樣式。在實際應用中，省略時此參數的默認值為 none，省略後不對該輪廓線進行任何繪制。
-outline- width： 定義輪廓線的寬度，屬性值可以為一個寬度值。在實際應用中，省略時此參數的默認值為 medium，表示繪制中等寬度的輪廓線。
-outline- offset： 定義輪廓邊框的偏移位置的數值，此值可以取負數值。當此參數的值為正數值，表示輪廓邊框向外偏離多少個像素； 當此參數的值為負數值， 表示輪廓邊框向內偏移多少個像素。
-inherit： 元素繼承父元素的 outline效果。
輪廓和邊框的對比
http:/ /www.iis7.com/b/wzjk/
outline和border的對比outline屬性創建的外輪廓線外表上和border極其相似，但實際上有明顯的不同。
-border屬於盒模型的一部分，直接影響元素盒子的大小，而outline創建的外輪廓線是畫在一個框的“上面”，不會影響該框或任何其他框大小，因此outline 創建的輪廓線不會影響文檔流， 也不會破壞網頁布局。
-outline創建的輪廓線表面上和border一樣， 可以創建輪廓線的顏色、線型樣式、線型粗細大小，但和border有一點完全不一樣。outline創建的外輪廓線在 元素各邊都一樣， 這和border不一樣，不能像border邊框一樣，設置outline-top或outline-left之類。
-border創建的元素邊框可以單邊設置，而outline創建的外輪廓線始終是閉合的。
-outline創建的外輪廓線可能是非矩形的，如果元素是多行， 外輪廓線就至少是能夠包含該元素所有框的外輪廓。可border不一樣， 他將使用一個邊框包括整個 元素。
-border僅可以設置元素的邊框，只能向外擴展，而outline創建的外輪廓線，可以通過outline-offset的值，向元素外部（outline-offset值為正值）或向元素內部（outline- offset）值為負值創建封閉的輪廓。

CSS3中的outline