CSS border-top

设置元素的上边框； value 是一种或多种颜色、border-top-width 的值以及边框样式。

属性值

可能的值是:

一种或多种颜色border-top-color
边框宽度值border-top-width
边框样式的值 border-top-style

适用范围

所有 HTML 元素。

DOM 语法

object.style.borderTop = "2px solid red";

示例

border-top 属性允许您在一项属性中指定顶线的颜色、样式和宽度。以下示例演示了这一点:

<html>
  <head>
     <style>
        p.example1{
           height:50px;
           border-top: blue 15px solid ;
           }
        p.example2{
          height:50px;
          border-top: red 15px dashed;
          }
        p.example3{
           height:50px;
           border-top: green 15px groove;
           }
     </style>
  </head>
  <body>
        <p class="example1">检查顶部边框!!!</p>
        <p class="example2">检查顶部边框!!!</p>
        <p class="example3">检查顶部边框!!!</p>
  </body>
  </html>