border-width

Home>CSS>プロパティリファレンス>border-width

この情報はお役に立ちましたか?よろしければ皆様にもお知らせください。

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

border-widthプロパティの役割

border-widthプロパティは、要素の枠線の幅を指定します。

border-widthプロパティを使う場合、border-styleプロパティで、枠線の種類を指定する必要があります。

border-widthプロパティに設定できる値

設定する値の数によって、上下左右の幅の指定ができます。

指定した値の数 効果
1 上下左右の枠線の幅を一括して指定。
2 上下→左右の順に一括で指定。
3 上→左右→下の順に一括して指定。
4 上→右→下→下の順に一括して指定。

幅の指定には数値やキーワードを指定できます。

 
数値 整数+単位
ボックスの高さや幅に対して100分率で設定。
thin 太い枠線。
medium 中位の太さの枠線。
thick 細い枠線。

border-widthプロパティの使い方

<table style="border-style:solid;border-width:5px;">
<tr><td>&nbsp;</td></tr>
</table>

 

上のサンプルは、表の上下左右の枠線を5ピクセルに指定しています。

関連リンク

よく読まれている記事

UpDate:2010-7-20