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> ```