CSS 属性

设置元素上边框的颜色；默认值是元素的颜色。

属性值

  • color: 任何有效的颜色值。

适用范围

所有 HTML 元素。

DOM 语法

object.style.borderTopColor = "red";
始终声明 border-top-style 或 border- 之前的 border-style 属性top-color 属性。

示例

这里是显示此属性效果的示例 -

<html>
  <head>
     <style>
        p.example1 {border-style: solid;
           border-top-color: rgb(255, 0, 0);
           }
        p.example2 {border-style: solid;
            border-top-color: rgba(255, 0, 0,0.4);
            }
        p.example3 {border-style: solid;
            border-top-color: hsl(0, 100%, 50%);
            }
        p.example4 {border-style: solid;
            border-top-color: hsla(0, 100%, 50%, 0.3);
            }
        p.example5 {border-style: solid;
            border-top-color: transparent;
            }
     </style>
  </head>
  <body>
        <p class="example1">具有 RGB 颜色值的顶部边框</p>
     <p class="example2">带有 RGBA 颜色值的顶部边框</p>
     <p class="example3">具有 HSL 颜色值的顶部边框</p>
     <p class="example4">具有 HSLA 颜色值的顶部边框</p>
     <p class="example5">具有透明颜色值的顶部边框</p>
  </body>
  </html>