🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# CSS border-right 属性 ## 实例 设置右边框的样式: ``` p { border-style:solid; border-right:thick double #ff0000; } ``` ## 浏览器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有浏览器都支持 border-right 属性。 注释:IE7 以及更早版本的浏览器不支持值 "inherit"。IE8 需要 !DOCTYPE。IE9 支持 "inherit"。 ## 定义和用法 border-right 简写属性把右边框的所有属性设置到一个声明中。 可以按顺序设置如下属性: * border-right-width * border-right-style * border-right-color 如果不设置其中的某个值,也不会出问题,比如 border-right:solid #ff0000; 也是允许的。 | 默认值: | _not specified_ | | --- | --- | | 继承性: | no | | --- | --- | | 版本: | CSS1 | | --- | --- | | JavaScript 语法: | _object_.style.borderRight="3px solid blue" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | _border-right-width_ | 规定右边框的宽度。参阅:[border-right-width](pr_border-right_width.asp "CSS border-right-width 属性") 中可能的值。 | | _border-right-style_ | 规定右边框的样式。参阅:[border-right-style](pr_border-right_style.asp "CSS border-right-style 属性") 中可能的值。 | | _border-right-color_ | 规定右边框的颜色。参阅:[border-right-color](pr_border-right_color.asp "CSS border-right-color 属性") 中可能的值。 | | inherit | 规定应该从父元素继承 border-right 属性的设置。 | ## TIY 实例 [所有右边框属性在一个声明之中](/tiy/t.asp?f=csse_border-right) 本例演示一个简写属性,用于把所有右边框属性设置在一条声明中。 ``` <html> <head> <style type="text/css"> p { border-style:solid; border-right:thick double #ff0000; } </style> </head> <body> <p>This is some text in a paragraph.</p> </body> </html> ``` ## 相关页面 CSS 教程:[CSS 边框](/css/css_border.asp "CSS 边框") HTML DOM 参考手册:[borderRight 属性](/jsref/prop_style_borderright.asp "HTML DOM borderRight 属性")