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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。