📌  相关文章
📜  HTML | DOM 样式 borderRightColor 属性(1)

📅  最后修改于: 2023-12-03 15:31:13.436000             🧑  作者: Mango

HTML | DOM 样式 borderRightColor 属性

介绍

HTML | DOM 样式 borderRightColor 属性设置或返回元素的右边框的颜色。

CSS 中，可以通过 border-right-color 属性设置元素的右边框颜色。

语法

设置 borderRightColor 属性：

object.style.borderRightColor = color|transparent|initial|inherit;

返回 borderRightColor 属性：

object.style.borderRightColor;
属性值

| 值 | 描述 | | --------- | ---------------------------------------------------- | | color | 指定颜色值，如 "red"、"green"、"#FF0000" 等 | | transparent | 透明 | | initial | 设置属性为它的默认值 | | inherit | 从父元素继承该属性 |

示例
HTML
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>borderRightColor Example</title>
    <style>
      div {
        width: 100px;
        height: 100px;
        border: 2px solid black;
        border-right-color: red;
      }
    </style>
  </head>
  <body>
    <div></div>
  </body>
</html>
JavaScript
let div = document.querySelector('div');
div.style.borderRightColor = "green";
浏览器兼容性

| Chrome | Firefox | IE | Opera | Safari | | ------ | ------- | --- | ----- | ------ | | 1+ | 1+ | 4+ | 4+ | 1+ |

参考链接