border-right · CSS基礎

## border-right 屬性 ### 屬性定義及使用說明 border-right 簡寫屬性把左邊框的所有屬性設置到一個聲明中。可以設置的屬性是（按順序）：border-right-width, border-right-style, and border-right-color. 如果上述值缺少一個，沒有關系，例如border-right:solid #ff0000; 是允許的。 JavaScript 語法:object object.style.borderRight="3px solid blue" * * * ## 瀏覽器支持 ![Internet Explorer](https://atts.w3cschool.cn/attachments/image/compatible_ie.gif "Internet Explorer")![Firefox](https://atts.w3cschool.cn/attachments/image/compatible_firefox.gif "Firefox")![Opera](https://atts.w3cschool.cn/attachments/image/compatible_opera.gif "Opera")![Google Chrome](https://atts.w3cschool.cn/attachments/image/compatible_chrome.gif "Google Chrome")![Safari](https://atts.w3cschool.cn/attachments/image/compatible_safari.gif "Safari") 所有主要瀏覽器都支持border-right屬性。 **注意**IE7和更早的版本不支持"繼承"的值。 IE8需要定義！DOCTYPE。 IE9支持"繼承"。 * * * ## Property Values | 值 | 說明 | | :-- | :-- | | *[border-right-width](https://www.w3cschool.cn/cssref/pr-border-right-width.html)* | 指定右邊框的寬度 | | *[border-right-style](https://www.w3cschool.cn/cssref/pr-border-right-style.html)* | 指定右邊框的樣式 | | *[border-right-color](https://www.w3cschool.cn/cssref/pr-border-right-color.html)* | 指定右邊框的顏色 | | inherit | 指定了border-right屬性的值，應該從父元素繼承 | * * * ## 實例 -- 設置右邊框的樣式： ``` <!DOCTYPE html> <html> <head> <style> p { border-style:solid; border-right:thick double #ff0000; } </style> </head> <body> <p>This is some text in a paragraph.</p> </body> </html> ```