CSS border-right 屬性

2018-11-21 15:28 更新

實(shí)例

設(shè)置右邊框的樣式:

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

親自試一試

瀏覽器支持

IE Firefox Chrome Safari Opera
         

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

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

定義和用法

border-right 簡(jiǎn)寫(xiě)屬性把右邊框的所有屬性設(shè)置到一個(gè)聲明中。

可以按順序設(shè)置如下屬性:

  • border-right-width
  • border-right-style
  • border-right-color

如果不設(shè)置其中的某個(gè)值,也不會(huì)出問(wèn)題,比如 border-right:solid #ff0000; 也是允許的。

默認(rèn)值: not specified
繼承性: no
版本: CSS1
JavaScript 語(yǔ)法: object.style.borderRight="3px solid blue"

可能的值

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

TIY 實(shí)例

所有右邊框?qū)傩栽谝粋€(gè)聲明之中
本例演示一個(gè)簡(jiǎn)寫(xiě)屬性,用于把所有右邊框?qū)傩栽O(shè)置在一條聲明中。

相關(guān)頁(yè)面

CSS 教程:CSS 邊框

HTML DOM 參考手冊(cè):borderRight 屬性

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)