• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • border-top-color

    border-top-color属性用以设置某元素顶部border的颜色。通常,用border-colorborder-top设置该颜色更为便捷可取。

    示例

    /* <color> values */
    border-top-color: red;
    border-top-color: #ffbb00;
    border-top-color: rgb(255, 0, 0);
    border-top-color: hsla(100%, 50%, 25%, 0.75);
    border-top-color: currentcolor;
    border-top-color: transparent;
    
    /* global values */
    border-top-color: inherit;
    border-top-color: initial;
    border-top-color: unset;
    

    浏览器支持

    IE浏览器火狐浏览器opera浏览器chrome浏览器safari浏览器
    浏览器都支持border-top-color

    语法

    border-top-color:<color>

    取值:

    <color>:取值rgb()| rgba()| hsl()| hsla()| Color Name| currentColor| deprecated-system-color

    例子

    <div class="mybox">
      <p>this is a box with a border around it.
         note which side of the box is
         <span class="redtext">red</span>.</p>
    </div>
    
    //CSS
    .mybox {
      border: solid 0.3em gold;
      border-top-color: red;
      width: auto;
    }
    
    .redtext {
      color: red;
    }
    

    上篇:border-top-style

    下篇:box-shadow