border-right-style

語法:

border-right-style<border-style>

<border-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset

默認值 none

相關屬性:[ border-style ] || [ border-top-style ] || [ border-bottom-style ] || [ border-left-style ]

取值:

none:
無輪廓。border-colorborder-width將被忽略
hidden:
隱藏邊框。IE7及以下尚不支持
dotted:
點狀輪廓。IE6下顯示爲dashed效果
dashed:
虛線輪廓。
solid:
實線輪廓
double:
双线轮廓。两条单线與其间隔的和等于指定的border-width
groove:
3D凹槽輪廓。
ridge:
3D凸槽輪廓。
inset:
3D凹邊輪廓。
outset:
3D凸邊輪廓。

說明:

設置或檢索對象的右邊邊框樣式。
  • 如果border-width等于0,本屬性將失去作用。
  • 對應的腳本特性爲borderRightStyle

兼容性:

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 墨綠 = 部分支持
  • 橙色 = 实验性质
支持版本\類型 IE Firefox Safari Chrome Opera
較早版本 6.0 #1 4.0 5.1 13.0 11.50
較新版本 7.0 #2
最近版本 8.0
  1. IE6及更早浏覽器不支持hidden屬性值,且會將dotted屬性值顯示爲dashed的效果。
  2. IE7及更早浏覽器不支持hidden屬性值。

示例: