CSS輪廓

outlin outlin outlin

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>

相關詞條

相關搜尋

熱門詞條

聯絡我們