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

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

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

このエントリーをはてなブックマークに追加

border-style も設定してください。

書式例

border-width: 上下左右 ; ( 例 border-width: 1px ; )
border-width: 上下　左右 ; ( 例 border-width: medium thick ; )
border-width: 上 左右　下 ; ( 例 border-width: 1px 2px 3px ; )
border-width: 上 右 下 左 ; ( 例 border-width: 1px 2px 3px 4px ; )

パラメーター

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

サンプルコード

<div style="border-style:solid; border-color:blue; border-width:thick ;">あいうえお</div>
<div style="border-style:solid; border-color:gray; border-width: thin thick ;">かきくけこ</div>
<div style="border-style:solid; border-color:red; border-width:1px 5px 10px 15px ;">さしすせそ</div>
あいうえお
かきくけこ
さしすせそ