文字
分享

语法:

border-top-color:<color>

默认值currentColor

适用于:所有元素

继承性:无

动画性:是

计算值:指定值

相关属性:[ border-color ] || [ border-right-color ] || [ border-bottom-color ] || [ border-left-color ]

取值:

  • <color>:指定颜色。

说明:

设置或检索对象的顶部边框颜色。参阅border-top-colors属性。
  • 如果border-width等于0或border-style设置为none,本属性将被忽略。

  • 对应的脚本特性为borderTopColor

兼容性:

ValuesIEFirefoxChromeSafariOperaiOS SafariAndroid BrowserAndroid Chrome
Basic Support6.0+2.0+4.0+3.1+3.5+3.2+2.1+18.0+
transparent6.0 #1
7.0+
RGBA, HSL, HSLA6.0-8.0 #1
9.0+
  1. 需要注意的是,边框颜色如果设置了不支持的值,则效果等同于默认值 currentColor

  2. 实例

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    19

    20

    <!DOCTYPE html>

    <html lang="zh-cmn-Hans">

    <head>

    <meta charset="utf-8" />

    <title>border-top-color_CSS参考手册_web前端开发参考手册系列</title>

    <meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />

    <style>

    .test {

        padding: 10px;

        border-top-width: 1px;

        border-top-style: solid;

        border-top-color: #000;

    }

    </style>

    </head>

    <body>

    <div class="test">设置顶部边框颜色</div>

    </body>

    </html>

        


    运行实例 »

    点击 "运行实例" 按钮查看在线实例

上一篇:border-top-style下一篇:border-right