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

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。