border-style
Home>CSS>プロパティリファレンス>border-style
border-styleプロパティの役割
border-styleプロパティは、ボックスの上下左右の枠線の形状を一括して指定します。
上下左右各枠線を別個に指定したい場合には、以下のプロパティを使います。
border-styleプロパティに設定できる値
dashed | 破線。 |
dotted | 点線。 |
double | 二重線。 |
groove | 凹んだように表示。 |
hidden | 枠線を表示しない。 |
inset | 沈むように表示。 |
none | 枠線を表示しない。又は隣接するセルのborder-styleプロパティを反映する。初期値。 |
outset | 浮き上がるように表示。 |
ridge | 盛り上がるように表示。 |
solid | 実線(直線)。 |
border-styleプロパティの使い方
<table>
<tr><td style="border-style:dashed"> </td></tr>
<tr><td style="border-style:dotted"> </td></tr>
</table>
関連リンク
- プロパティリファレンス:border
- プロパティリファレンス:border-color
- プロパティリファレンス:border-collapse
- プロパティリファレンス:border-width
- プロパティリファレンス:border-bottom
- プロパティリファレンス:border-left
- プロパティリファレンス:border-right
- プロパティリファレンス:border-top
よく読まれている記事
- 右クリックメニューの表示が遅い【Information】
- 画像の一部にリンクを貼る(クリッカブルマップ【Dreamweaver】
- 一定時間でローテーションする広告【JavaScript】
- Dreamweaver【Dreamweaver】
- クリックした画像を拡大・縮小する【JavaScript】
UpDate:2010-7-15