企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
# CSS border-right-width 属性 ## 实例 设置右边框的宽度: ``` p { border-style:solid; border-right-width:15px; } ``` ## 浏览器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有浏览器都支持 border-right-width 属性。 注释:IE7 以及更早版本的浏览器不支持值 "inherit"。IE8 需要 !DOCTYPE。IE9 支持 "inherit"。 ## 定义和用法 border-right-width 属性设置元素的右边框的宽度。 只有当边框样式不是 none 时才起作用。如果边框样式是 none,边框宽度实际上会重置为 0。不允许指定负长度值。 注释:请始终在 border-right-width 属性之前声明 border-style 属性。元素只有在获得边框之后,才能改变其边框的宽度。 | 默认值: | medium | | --- | --- | | 继承性: | no | | --- | --- | | 版本: | CSS1 | | --- | --- | | JavaScript 语法: | _object_.style.borderRightWidth="thick" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | thin | 定义细的右边框。 | | medium | 默认值。定义中等的右边框。 | | thick | 定义粗的右边框。 | | _length_ | 允许您自定义右边框的宽度。 | | inherit | 规定应该从父元素继承边框宽度。 | ## TIY 实例 [设置右边框的宽度](/tiy/t.asp?f=csse_border-right-width) 本例演示如何设置右边框的宽度。 ``` <html> <head> <style type="text/css"> p.one { border-style: solid; border-right-width: 15px } p.two { border-style: solid; border-right-width: thin } </style> </head> <body> <p class="one"><b>注释:</b>"border-right-width" 属性如果单独使用的话是不会起作用的。请首先使用 "border-style" 属性来设置边框。</p> <p class="two">Some text. Some more text.</p> </body> </html> ``` ## 相关页面 CSS 教程:[CSS 边框](/css/css_border.asp "CSS 边框") CSS 参考手册:[border-right 属性](/cssref/pr_border-right.asp "CSS border-right 属性") HTML DOM 参考手册:[borderRightWidth 属性](/jsref/prop_style_borderrightwidth.asp "HTML DOM borderRightWidth 属性")