輪廓（outline）是繪製於元素周圍的一條線，位於框線邊緣的外圍，可起到突出元素的作用。
CSS outline 屬性規定元素輪廓的樣式、顏色和寬度。
基本介紹
- 中文名：CSS輪廓
- 輪廓：繪製於元素周圍的一條線
- 屬性：規定元素輪廓的樣式、顏色和寬度。
- 輪廓：outline
CSS輪廓,CSS 框線屬性,css輪廓實例,
CSS輪廓
輪廓（outline）是繪製於元素周圍的一條線，位於框線邊緣的外圍，可起到突出元素的作用。
CSS outline 屬性規定元素輪廓的樣式、顏色和寬度。
CSS 框線屬性
"CSS" 列中的數字指示哪個 CSS 版本定義了該屬性。
| 屬性 | 描述 | CSS |
|---|---|---|
outline | 在一個聲明中設定所有的輪廓屬性。 | 2 |
outline-color | 設定輪廓的顏色。 | 2 |
outline-style | 設定輪廓的樣式。 | 2 |
outline-width | 設定輪廓的寬度。 | 2 |
css輪廓實例
元素周圍畫線
本例演示使用outline屬性在元素周圍畫一條線。
<html>
<head>
<style type="text/css">
p
{
border:red solid thin;
outline:#00ff00 dotted thick;
}
</style>
</head>
<body>
<p><b>注釋：</b>只有在規定了 !DOCTYPE 時，Internet Explorer 8 （以及更高版本） 才支持 outline 屬性。</p>
</body>
</html>
設定輪廓的顏色
本例演示如何設定輪廓的顏色。
<html>
<head>
<style type="text/css">
p
{
border:red solid thin;
outline-style:dotted;
outline-color:#00ff00;
}
</style>
</head>
<body>
<p><b>注釋：</b>只有在規定了 !DOCTYPE 時，Internet Explorer 8 （以及更高版本） 才支持 outline-color 屬性。</p>
</body>
</html>
