當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文

CSS border-top-width用法及代碼示例


CSS中的border-top-width屬性用於將特定寬度設置為元素的頂部邊框。在使用border-top-width屬性之前，將border-top-style屬性或border-style屬性用作元素。

用法:

border-top-width:length|thin|medium|thick|initial|inherit;

屬性值：下麵列出了border-top-width屬性值：


  • length:用於設置邊框的寬度。它不取負值。
  • thin:用於在元素頂部設置細邊框。
  • medium:用於設置中等大小的頂部邊框。它是默認值。
  • thick:用於設置粗大的頂部邊框。
  • initial:用於將border-top-width設置為其默認值。
  • inherit:此屬性是從其父級繼承的。

例：

<!DOCTYPE html>  
<html>  
    <head>  
        <title>  
            border-top-width property  
        </title>  
          
        <style>  
            #thin {  
                border-color:green;  
                border-top-style:solid;  
                border-top-width:thin;  
            }  
            #medium {  
                border-color:green;  
                border-top-style:solid;  
                border-top-width:medium;  
            }  
            #thick {  
                border-color:green;  
                border-top-style:solid;  
                border-top-width:thick;  
            }  
            #length {  
                border-color:green;  
                border-top-style:solid;  
                border-top-width:20px;  
            }  
            #initial {  
                border-color:green;  
                border-top-style:solid;  
                border-top-width:initial;  
            }  
        </style>  
    </head>  
      
    <body style = "text-align:center">  
      
        <h1 style = "color:green">GeeksforGeeks</h1>  
      
        <h3>border-top-width property</h3>  
          
        <div id="thin">  
            border-top-width:thin;  
        </div><br><br>  
          
        <div id="medium">  
            border-top-width:medium;  
        </div><br><br>  
          
        <div id="thick">  
            border-top-width:thick;  
        </div><br><br>  
          
        <div id="length">  
            border-top-width:length;  
        </div><br><br>  
          
        <div id="initial">  
            border-top-width:initial;  
        </div>  
    </body>  
</html>                                 

輸出：

瀏覽器支持：下麵列出了border-top-width屬性支持的瀏覽器：

  • 穀歌瀏覽器1.0
  • Internet Explorer 4.0
  • Opera 3.5
  • Safari 1.0
  • Firefox 1.0


相關用法


注：本文由純淨天空篩選整理自sheyakhare1999大神的英文原創作品 CSS | border-top-width Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。