溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
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屬性的使用示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>億速云(php.cn)</title>
<style type="text/css">
div
{
border:red solid thin;
outline:#00ff00 dotted thick;
padding:10px;
}
</style>
</head>
<body>
<div>測試文本！</div>
</body>
</html>效果圖：
關于css的outline屬性的作用是什么就分享到這里了，希望以上內容可以對大家有一定的參考價值，可以學以致用。如果喜歡本篇文章，不妨把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
