「CSS」border-bottom-widthで下枠の幅を指定する
環境
Google Chrome 103.0.5060.134
Windows 10 Home 64bit
書式
border-bottom-width:値
border-bottom-widthを指定して、下枠の幅を指定します。
使用例
<!DOCTYPE html> <html> <head> <style> #cft { border: 10px solid #CD5C5C ; border-bottom-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>
結果
下枠の幅が40pxとなっています。