CSS border-right 屬性
示例
為不同元素設定右邊框的樣式
h1 {
border-right: 5px solid red;
}
h2 {
border-right: 4px dotted blue;
}
div {
border-right: double;
}
自己動手試一試 »
定義和用法
border-right
屬性是一個簡寫屬性,按以下順序():
如果省略 border-right-color,則應用的顏色將是文字的顏色。
預設值 | medium none color |
---|---|
繼承 | no |
可動畫 | 是,參見各個屬性。 閱讀有關可動畫屬性的資訊 嘗試一下 |
版本 | CSS1 |
JavaScript 語法 | object.style.borderRight="5px dotted blue" 嘗試一下 |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
屬性 | |||||
---|---|---|---|---|---|
border-right | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS 語法
border-right: border-width border-style border-color|initial|inherit;
屬性值
值 | 描述 | 演示 |
---|---|---|
border-right-width | 必需。指定右邊框的寬度。預設值是 "medium" | 演示 ❯ |
border-right-style | 必需。指定右邊框的樣式。預設值是 "none" | 演示 ❯ |
border-right-color | 可選。指定右邊框的顏色。預設值是文字的顏色 | 演示 ❯ |
initial | 將此屬性設定為其預設值。閱讀關於initial | |
inherit | 從其父元素繼承此屬性。閱讀關於inherit |
相關頁面
CSS 教程:CSS 邊框
HTML DOM 參考: borderRight 屬性