スタイルシートの一覧です。必要な時に、必要なものを。辞書代わりに使ってくださいませ(^_-)-☆

ようこそ!スタイルシートの森へ♪

■枠線の太さを指定する

border-top-width: 上側
border-right-width: 右側
border-bottom-width: 下側
border-left-width: 左側

ボックスの上下左右の枠線の太さを指定します。枠線を表示させるにはこの指定のほかに、
border-styleを指定する必要があります。単位は数字に単位をつけて指定します。例、1px

ちなみにこのページの枠線はすべて1pxです。

ボックスの概念

記述例、

また、上下左右全体に対してまとめて設定するには、

また、一括でそれぞれを指定することもできます。上、右、下、左の順になります。

ちなみに、画像に対してリンクを設定すると、枠線が表示されてしまいます。画像の枠線を消したい場合は、

これをスタイルシートに書き込めば、枠線が消えます。これは使う機会があるかもしれないので、覚えておいた方がいいですよ。

■枠線の色を指定する

border-top-color: 上側
border-right-color: 右側
border-bottom-color: 下側
border-left-color: 左側

枠線の色を指定します。これも同じように個別にも、一括でも指定できます。

また、上下左右全体に対してまとめて設定するには、

また、一括でそれぞれを指定することもできます。上、右、下、左の順になります。

■枠線の種類を指定する

border-top-style: 上側
border-right-style: 右側
border-bottom-style: 下側
border-left-style: 左側

枠線の種類を指定します。結構いろいろありますよ♪

これも同じように、個別、一括での指定が可能です。

また、上下左右全体に対してまとめて設定するには、

また、一括でそれぞれを指定することもできます。上、右、下、左の順になります。

ちなみに、枠線の太さはすべて10pxです。

dotted

dashed

solid

double

groove

ridge

inset

outset



なんだかわけわからなくなりましたか??^^; 
要するに、枠線を表示させたい場合は、

このように書けばいいわけです。