CSS border-right 屬性

定義和用法

border-right 簡寫屬性把右邊框的所有屬性設置到一個聲明中。

可以按順序設置如下屬性：

如果不設置其中的某個值，也不會出問題，比如 border-right:solid #ff0000; 也是允許的。

另請參閱：

CSS 教程：CSS 邊框

HTML DOM 參考手冊：borderRight 屬性

實例

設置右邊框的樣式：

p
  {
  border-style:solid;
  border-right:thick double #ff0000;
  }

親自試一試

CSS 語法

border-right: border-width border-style border-color|initial|inherit;

屬性值

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

技術細節

默認值： not specified
繼承性： no
版本： CSS1
JavaScript 語法： object.style.borderRight="3px solid blue"

更多實例

所有右邊框屬性在一個聲明之中
本例演示一個簡寫屬性，用于把所有右邊框屬性設置在一條聲明中。

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

注釋：IE7 以及更早版本的瀏覽器不支持值 "inherit"。IE8 需要 !DOCTYPE。IE9 支持 "inherit"。