CSS border-top用法及代码示例

CSS中的border-top属性用于在一行中设置所有顶部边框属性。此属性用于设置顶部边框的宽度，样式和颜色。

用法:

border-top:border-width border-style border-color|initial|inherit;

属性值：

border-width：用于设置边框的宽度。
border-style：用于设置边框样式。其默认值为“无”。
border-color：用于设置边框的颜色。
initial:此属性用于将border-top设置为其默认值。
inherit:此属性是从其父级继承的。

例：

<!-- HTML code to illustrates 
border-top property -->
<!DOCTYPE html> 
<html> 
    <head> 
        <title>border-top property</title> 
          
        <!-- border-top CSS property --> 
        <style> 
            h1 { 
                border-top:5px solid green; 
            } 
              
            h2 { 
                border-top:4px dotted black; 
            } 
        </style> 
    </head> 
      
    <body style = "text-align:center"> 
          
        <h1>GeeksforGeeks</h1> 
        <h2>border-top property</h2> 
    </body> 
</html>

输出：

支持的浏览器：下面列出了border-top属性支持的浏览器：

谷歌浏览器1.0
Internet Explorer 4.0
Firefox 1.0
Opera 1.0
Safari 3.5

相关用法

注：本文由纯净天空筛选整理自sheyakhare1999大神的英文原创作品 CSS | border-top Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。