W3School TIY Editor
W3CSTUDY オンライン チュートリアル
方向を変更
ダーク モード
コードの実行
<!DOCTYPE html> <html> <head> <style> p.one { border-style: solid; border-width: 5px 20px; /* 上下の境界線は 5 ピクセル、左右の境界線は 20 ピクセル */ } p.two { border-style: solid; border-width: 20px 5px; /* 上下の境界線 20 ピクセル、左右の境界線 5 ピクセル */ } p.three { border-style: solid; border-width: 25px 10px 4px 35px; /* 上 25 ピクセル、右 10 ピクセル、下 4 ピクセル、左 35 ピクセル */ } </style> </head> <body> <h1>border-width 属性</h1> <p>border-width 属性は、1 ～ 4 つの値 (上、右、下、左の境界線に順に対応) を受け入れることができます。</p> <p class="one">テキスト。 </p> <p class="two">いくつかのテキスト。 </p> <p class="three">いくつかのテキスト。 </p> </body> </html>