border-right-width · CSS基礎

## border-right-width 屬性 ## 屬性定義及使用說明 border-right-width屬性設置一個元素右邊框的寬度。 **注意** 請始終在 border-right-width 屬性之前聲明 border-style 屬性。元素只有在獲得邊框之后，才能改變其邊框的寬度。默認值：medium繼承性：no版本：CSS1JavaScript 語法：object.style.borderRightWidth="thick" * * * ## 瀏覽器支持 ![Internet Explorer](https://7n.w3cschool.cn/statics/images/course/compatible_ie.gif "Internet Explorer")![Firefox](https://7n.w3cschool.cn/statics/images/course/compatible_firefox.gif "Firefox")![Opera](https://7n.w3cschool.cn/statics/images/course/compatible_opera.gif "Opera")![Google Chrome](https://7n.w3cschool.cn/statics/images/course/compatible_chrome.gif "Google Chrome")![Safari](https://7n.w3cschool.cn/statics/images/course/compatible_safari.gif "Safari") 所有瀏覽器都支持 border-right-width 屬性。 **注意：**IE7和更早的版本不支持"繼承"的值。 IE8需要定義！DOCTYPE。 IE9支持"繼承"。 * * * ## Property Values | 值 | 描述 | | --- | --- | | thin | 定義細的右邊框。 | | medium | 默認值。定義中等的右邊框。 | | thick | 定義粗的右邊框。 | | *length* | 允許您自定義右邊框的寬度。 | | inherit | 規定應該從父元素繼承邊框寬度。 | * * * ## 實例--設置右邊框的寬度： ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> <style> p { border-style:solid; border-right-width:15px; } </style> </head> <body> <p><b>注意:</b> The "border-right-width" 單獨使用沒有效果.要先使用 "border-style" 屬性設置 borders .</p> </body> </html> ```