CSS outline 屬性
實(shí)例
設(shè)置 4 個(gè)邊框的樣式：
p
{
outline:#00FF00 dotted thick;
}
親自試一試
瀏覽器支持
所有瀏覽器都支持 outline 屬性。
注釋：如果規(guī)定了 !DOCTYPE,，則 IE8 支持 outline 屬性,。
定義和用法
outline （輪廓）是繪制于元素周圍的一條線，位于邊框邊緣的外圍,，可起到突出元素的作用,。
注釋：輪廓線不會(huì)占據(jù)空間，也不一定是矩形。
outline 簡寫屬性在一個(gè)聲明中設(shè)置所有的輪廓屬性,。
可以按順序設(shè)置如下屬性：
- outline-color
- outline-style
- outline-width
如果不設(shè)置其中的某個(gè)值,，也不會(huì)出問題，比如 outline:solid #ff0000; 也是允許的,。
| 默認(rèn)值： |
invert none medium |
| 繼承性： |
no |
| 版本： |
CSS2 |
| JavaScript 語法： |
object.style.outline="#0000FF dotted thin" |
可能的值
| 值 |
描述 |
| outline-color |
規(guī)定邊框的顏色,。參閱：outline-color 中可能的值。 |
| outline-style |
規(guī)定邊框的樣式,。參閱：outline-style 中可能的值,。 |
| outline-width |
規(guī)定邊框的寬度。參閱：outline-width 中可能的值,。 |
| inherit |
規(guī)定應(yīng)該從父元素繼承 outline 屬性的設(shè)置,。 |
TIY 實(shí)例
- 在元素周圍畫線
- 本例演示使用 outline 屬性在元素周圍畫一條線。
|
