CSS 參考手冊

CSS @規(guī)則(RULES)

CSS 屬性大全

CSS outline 屬性使用方法及示例

outline屬性為元素的輪廓的所有四個邊設(shè)置寬度，樣式和顏色。它是用于在單個聲明中設(shè)置各個輪廓屬性（即outline-width，outline-style以及outline-color）的簡寫屬性。

下表為此屬性的用法說明和版本歷史記錄，以及該屬性在javascript腳本中的使用語法。

默認(rèn)值：	查看全部屬性
適用于：	所有元素
繼承：	沒有
可動畫制作：	是，因?yàn)樗儆浀哪承傩钥梢栽O(shè)置動畫。請參考動畫屬性。
版本：	CSS 2、3
JavaScript 語法：	object.style.outline="#cc0000 dotted thin"

outline的使用語法

該屬性的語法如下：

outline: [ outline-width outline-style outline-color ] | initial | inherit

注意：如果上面列出的任何屬性均缺失或省略，則將插入該屬性的默認(rèn)值（如果有的畫）。有關(guān)詳細(xì)信息，請參見各個屬性。

下面的示例演示了如何使用outline屬性。

示例

  p.one {
   outline: 2px solid #ff0000;
  }
  p.two {
   color: #00ff00;
   outline-top: 5px solid;
  }

測試看看?/?

注意：如果outline-color缺少或未指定（例如outline: 5px solid;），則將使用color元素屬性的值。但是，在一些特殊情況下，省略outline-style該值將不會顯示任何輪廓，因?yàn)閛utline-styleproperty 的默認(rèn)值為 none。

屬性值

下表描述了此屬性的值。

值	描述
outline-width	設(shè)置元素輪廓的寬度。
outline-style	設(shè)置元素輪廓的線條樣式。
outline-color	設(shè)置元素輪廓的顏色。
initial	將此屬性設(shè)置為其默認(rèn)值。
inherit	如果指定，則關(guān)聯(lián)元素采用其父元素outline的屬性值。

瀏覽器兼容性

outline屬性瀏覽器的兼容性，下表中的數(shù)字表示支持該屬性的瀏覽器最低版本號；所有主流瀏覽器均支持該屬性。

	Firefox 1.5以上 Google Chrome1+ Internet Explorer 8+ Apple Safari 1.2+ Opera 7+

警告： Internet Explorer 7和更早版本不支持該outline屬性。IE8支持此屬性，但需要有效的<!DOCTYPE>。

進(jìn)一步閱讀

請參考以下教程：CSS大綱，CSS邊框。

相關(guān)屬性：outline-width，outline-style，outline-color

CSS outline-color 屬性 CSS3 order 屬性