CSS border-right 属性

border-right 属性用于设置元素右侧边框的样式、宽度和颜色。它是 border 属性的一个子属性，可以用来单独设置元素的右侧边框。

语法

selector {
  border-right: border-width border-style border-color;
}

• border-width：指定右侧边框的宽度，可以使用像素(px)、百分比(%)或其他长度单位。
• border-style：指定右侧边框的样式，常用的样式有 solid（实线）、dashed（虚线）、dotted（点线）等。
• border-color：指定右侧边框的颜色，可以使用颜色名称、十六进制值或 RGB 值。

可选值

• border-width：可以是一个值或四个值，分别表示右上角、右下角、左下角和左上角的边框宽度。
• border-style：solid、dashed、dotted、double、groove、ridge、inset、outset 等。
• border-color：颜色名称、十六进制值、RGB 值或 transparent（透明）。

示例

// www.javascriptcn.com code example
/* 设置右侧边框为红色实线，宽度为1px */
div {
  border-right: 1px solid red;
}

/* 设置右侧边框为蓝色虚线，宽度为2px */
p {
  border-right: 2px dashed blue;
}

/* 设置右侧边框为绿色实线，宽度为3px，其他边框样式和颜色继承 */
span {
  border-right: 3px solid green;
  border-left: inherit;
  border-top: inherit;
  border-bottom: inherit;
}

以上就是关于 CSS 属性 border-right 的详细介绍和示例代码。希望能帮助你更好地了解和使用这个属性。