CSS border-top-color 属性

实例

设置上边框的颜色：

p
  {
  border-style:solid;
  border-top-color:#ff0000;
  }

浏览器支持

IE Firefox Chrome Safari Opera

所有浏览器都支持 border-top-color 属性。

注释：Internet Explorer 6（以及更早的版本）不支持属性值 "transparent"。

注释：IE7 以及更早版本的浏览器不支持值 "inherit"。IE8 需要 !DOCTYPE。IE9 支持 "inherit"。

定义和用法

border-top-color 设置元素的上边框的颜色。

只能定义纯色，而且只有当边框的样式是一个非 none 或 hidden 的值时边框才可能出现。

注释：请始终把 border-style 属性声明到 border-color 属性之前。元素必须在您改变其颜色之前获得边框。

默认值： not specified
继承性： no
--- ---
版本： CSS1
--- ---
JavaScript 语法： object.style.borderTopColor="blue"
--- ---

可能的值

值 描述
color_name 规定颜色值为颜色名称的边框颜色（比如 red）。
hex_number 规定颜色值为十六进制值的边框颜色（比如 #ff0000）。
rgb_number 规定颜色值为 rgb 代码的边框颜色（比如 rgb(255,0,0)）。
transparent 默认值。边框颜色为透明。
inherit 规定应该从父元素继承边框颜色。

TIY 实例

设置上边框的颜色

本例演示如何设置上边框的颜色。

<html>
<head>
<style type="text/css">
p 
{
border-style: solid;
border-top-color: #ff0000
}
</style>
</head>

<body>
<p>Some text.</p>
</body>

</html>

相关页面

CSS 教程：CSS 边框

CSS 参考手册：border-top 属性

HTML DOM 参考手册：borderTopColor 属性