outline-style

outline-style 屬性用於設定元素的整個輪廓的樣式。樣式不能是 none,否則輪廓不會出現。是CSS屬性的一種。

基本介紹

  • 中文名:outline-style
  • 默認值:none
  • 繼承性:no
  • 版本:CSS2
定義和用法,瀏覽器支持,outline-style屬性,語法:,取值:,說明:,

定義和用法

outline-style 屬性用於設定元素的整個輪廓的樣式。樣式不能是 none,否則輪廓不會出現。
outline (輪廓)是繪製於元素周圍的一條線,位於框線邊緣的外圍,可起到突出元素的作用。outline 屬性設定元素周圍的輪廓線。
注釋:請始終在 outline-color 屬性之前聲明 outline-style 屬性。元素只有獲得輪廓以後才能改變其輪廓的顏色。
注釋:輪廓線不會占據空間,也不一定是矩形。

實例
默認值:
none
繼承性:
no
版本:
JavaScript 語法:
object.style.outlineStyle="dotted"
設定輪廓的樣式:
p { outline-style:dotted;}

瀏覽器支持

所有瀏覽器都支持 outline-style 屬性。
注釋:如果規定了 !DOCTYPE,則 IE8 支持 outline 屬性。

outline-style屬性

語法:

outline-style:none | dotted | dashed | solid | double | groove | ridge | inset | outset
默認值:none

取值:

none:
無輪廓。與任何指定的outline-width值無關
dotted:
點狀輪廓。
dashed:
虛線輪廓。
solid:
實線輪廓
double:
雙線輪廓。兩條單線與其間隔的和等於指定的outline-width值
groove:
3D凹槽輪廓。此效果取決於 outline-color 值。
ridge:
3D凸槽輪廓。此效果取決於 outline-color 值。
inset:
3D凹邊輪廓。此效果取決於 outline-color 值。
outset:
3D凸邊輪廓。此效果取決於 outline-color 值。
inherit:
規定應該從父元素繼承輪廓樣式的設定。

說明:

設定或檢索對象外的線條輪廓的樣式。參閱outline屬性。
不允許類似border-style屬性那樣能將自身拆分為border-top-style,border-right-style,border-bottom-style,border-left-style
對應的腳本特性為outlineStyle

相關詞條

熱門詞條

聯絡我們