border-right-style · 跟老司机学CSS3

**border-right-style** * 描述：设置对象右边框的样式。 * 版本：CSS1 * 继承性：无 **语法** ``` border-right-style: 样式值; ``` 样式值 * none：无轮廓。border-color 将被忽略，border-width 计算值为 0，除非边框轮廓为图像，即：border-image。 * hidden：隐藏边框。 * dotted：点状轮廓。 * dashed：虚线轮廓。 * solid：实线轮廓 * double：双线轮廓。两条单线与其间隔的和等于指定的border-width值 * groove：3D凹槽轮廓。 * ridge：3D凸槽轮廓。 * inset：3D凹边轮廓。 * outset：3D凸边轮廓。 **使用说明** 该属性仅对右边框的样式进行设置。如果 border-width 等于 0，该属性无效。 **代码示例** ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>border-right-style</title> <style> #container{ width: 50px; height: 50px; border: solid #000000; border-right-style: dotted; } </style> </head> <body> <div id="container"> </div> </body> </html> ``` ![border-right-style](https://box.kancloud.cn/d95d8c2ef4fe2f31fafd0cec008cd3d2_68x70.png)