border-width
Home>CSS>プロパティリファレンス>border-width
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> </td></tr>
</table>
上のサンプルは、表の上下左右の枠線を5ピクセルに指定しています。
関連リンク
- プロパティリファレンス:border-style
- プロパティリファレンス:border-color
- プロパティリファレンス:border-spacing
- プロパティリファレンス:border-collapse
よく読まれている記事
- 右クリックメニューの表示が遅い【Information】
- 画像の一部にリンクを貼る(クリッカブルマップ【Dreamweaver】
- 一定時間でローテーションする広告【JavaScript】
- Dreamweaver【Dreamweaver】
- クリックした画像を拡大・縮小する【JavaScript】
UpDate:2010-7-20