CSS border-right

border-right 屬性用來設定右框線的所有屬性。

所有瀏覽器都支持 border-right 屬性。

定義和用法,瀏覽器支持,可能的值,TIY 實例,

定義和用法

border-right 簡寫屬性把右框線的所有屬性設定到一個聲明中。
可以按順序設定如下屬性:
  • border-right-width
  • border-right-style
  • border-right-color
如果不設定其中的某個值,也不會出問題,比如 border-right:solid #ff0000; 也是允許的。
默認值:
not specified
繼承性:
no
版本:
JavaScript 語法:
object.style.borderRight="3px solid blue"

設定右框線的樣式:
p { border-style:solid;border-right:thick double #ff0000;}

瀏覽器支持

所有瀏覽器都支持 border-right 屬性。
注釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。

可能的值

描述
border-right-width
規定右框線的寬度。參閱:border-right-width 中可能的值。
border-right-style
規定右框線的樣式。參閱:border-right-style 中可能的值。
border-right-color
規定右框線的顏色。參閱:border-right-color 中可能的值。
inherit
規定應該從父元素繼承 border-right 屬性的設定。

TIY 實例

所有右框線屬性在一個聲明之中
本例演示一個簡寫屬性,用於把所有右框線屬性設定在一條聲明中。
<html>
<head>
<style type="text/css">
p
{
border-style:solid;
border-right:thick double #ff0000;
}
</style>
</head>
<body>
<p>This is some text in a paragraph.</p>
</body>
</html>

相關詞條

熱門詞條

聯絡我們