*このページは web-dou.com のアーカイブです。(2025年 サイト統合)

WEB技術の辞書・解説・使用例

TOP > CSS >  CSS辞典 > border-top-width
border-top-width  ボーダー 

上ボーダーの太さを指定する。

X B! FB LINE

書式例

border-top-width: 太さ ; ( 例 border-top-width: 3px ; )

パラメーター

太さ
・数値+単位で指定。 (例）3px 2em
・キーワードで指定。 (例）thin（細い）、medium（普通）、thick（太い）

サンプルコード

<div style="border-style:solid; border-color:blue; border-top-width:1px;">あいうえお</div>
<div style="border-style:dotted; border-color:#ff0000; border-top-width:thick;">かきくけこ</div>
<div style="border-style:solid; border-color:orange; border-top-width:10px;">さしすせそ</div>
あいうえお
かきくけこ
さしすせそ