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

时间:2016-07-15
css border-right属性用于设置html元素的右边框,右边框属性包括border-right-width、border-right-style和border-right-color,本文章向大家介绍css border-right属性的使用方法和基本使用实例。

border-right介绍

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

  1. border-right-width 指定右边框的宽度
  2. border-right-style 指定右边框的样式
  3. 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>

在线运行

上一页 下一页

原文地址:http://www.manongjc.com/article/1189.html