css的outline屬性的作用是什麼
釋出時間：2020-05-06 11:47:34
來源：億速雲
閱讀：280
作者：小新
css的outline屬性的作用是什麼？相信有很多人都不太了解，今天小編為了讓大家更加了解outline屬性，是以給大家總結了以下内容，一起往下看吧。
outline屬性是一個簡寫屬性，用于在一個聲明中設定所有的輪廓屬性，可在元素周圍位于邊框邊緣的外圍繪制一條線，能起到突出元素的作用。
CSS outline屬性
作用：是繪制于元素周圍的一條線，位于邊框邊緣的外圍，可起到突出元素的作用。
outline 簡寫屬性在一個聲明中設定所有的輪廓屬性。可以按順序設定如下屬性：outline-color，outline-style，outline-width。如果不設定其中的某個值，也不會出問題，比如 outline:solid #ff0000; 也是允許的。
● outline-color：規定輪廓的顔色。
● outline-style：規定輪廓的樣式。
● outline-width：規定輪廓的寬度。
說明：輪廓線不會占據空間，也不一定是矩形。
注：是以主流浏覽器都支援outline 屬性；隻有在規定了 !DOCTYPE 時，Internet Explorer 8 (以及更高版本) 才支援 outline 屬性。
CSS outline屬性的使用示例
億速雲(php.cn)
div
{
border:red solid thin;
outline:#00ff00 dotted thick;
padding:10px;
}
測試文本！
效果圖：
關于css的outline屬性的作用是什麼就分享到這裡了，希望以上内容可以對大家有一定的參考價值，可以學以緻用。如果喜歡本篇文章，不妨把它分享出去讓更多的人看到。