css border-right属性设置盒子的右边框

border-right介绍

css border-right按照如下属性顺序设置html元素的右边框样式：

border-right-width 指定右边框的宽度
border-right-style 指定右边框的样式
border-right-color 指定右边框的颜色

如：

border-right-width:1px;
border-right-style:solid;
border-right-color:orange;

上面代码一次分别设置了html元素的右边框，我们可以将这些css属性在border-right中一次性定义，如：

border-right:1px solid orange

如果上述值缺少一个，没有关系，例如border-right:solid #ff0000; 是允许的。

注意：如果border-right-style设置为none，即使设置了下边框的颜色和宽度，这两个属性也不会生效

border-right实例

css border-right设置右边框的样式：

<!DOCTYPE html>
<html>
<head>
<title>http://www.manongjc.com/article/1189.html</title>
<style>
p {
    border-right:thick double #ff0000;
}
</style>
</head>

<body>
<p>This is some text in a paragraph.</p>
</body>
</html>

在线运行