這篇文章主要介紹了css中的outline-width屬性怎么用，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

10年積累的成都網(wǎng)站建設、成都網(wǎng)站制作經(jīng)驗，可以快速應對客戶對網(wǎng)站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡服務。我雖然不認識你，你也不認識我。但先網(wǎng)站設計后付款的網(wǎng)站建設流程，更有銅仁免費網(wǎng)站建設讓你可以放心的選擇與我們合作。

　　cssoutline-width屬性定義及用法

　　1.在css中，outline-width屬性是使用來設置輪廓的寬度，所謂輪廓就是繪制于元素周圍的一條線，位于邊框邊緣的外圍，不是元素尺寸的一部分，因此元素的寬度和高度屬性不包含輪廓的寬度。輪廓與邊框不同，輪廓不占用空間，輪廓可能是非矩形。

　　2.如果需要同時設置元素輪廓的多個屬性，建議使用outline簡寫屬性，通過outline屬性可以簡化代碼，將輪廓的多個屬性定義在一個聲明中，可以設置的輪廓屬性分別是（按順序）：outline-color、outline-style、outline-width。

　　cssoutline-width屬性必須和outline-style屬性一起使用，這很好理解，元素必須要有輪廓（outline-style屬性定義輪廓樣式）才能設置輪廓的寬度。

　　cssoutline-width屬性語法格式

　　css語法：outline-width:thin/medium/thick/length/inherit

　　JavaScript語法：object.style.outlineWidth="thin"

　　屬性值說明

　　1.thin：定義細輪廓

　　2.medium：定義中等的輪廓（默認）

　　3.thick：定義粗的輪廓

　　4.length：允許您規(guī)定輪廓粗細的值

　　5.inherit：從父元素繼承outline-width屬性的值

　　實例

　　

　　div{width:300px;height:60px;border:1pxsolid#000;margin-top:15px;outline-style:dotted;}

　　#div1{outline-width:thin;}/*細輪廓*/

　　#div2{outline-width:thick;}/*粗輪廓*/

　　#div3{outline-width:8px;}/*自定義輪廓寬度為8px*/

　　thin