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
