「CSS」border-top-widthで上枠の幅を指定する
環境
Google Chrome 103.0.5060.134
Windows 10 Home 64bit
書式
border-top-width 数値
border-top-width は CSS のプロパティで、要素の上側の境界の幅を設定します。
スタイルシートのborder-top-widthを指定して、上枠の幅を指定します。
使用例
<!DOCTYPE html> <html> <head> <style> #cft { border: 20px solid #b0c4de ; border-top-width: 40px ; max-width: 50% ; padding: 20px 0 ; text-align: center ; margin: 20px auto 0 ; } </style> </head> <body> <div id="cft">this is a test data</div> </body> </html>
結果
border-top-widthを指定して上枠の幅を「40px」に指定します。