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

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

■枠線の太さを指定する

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

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

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