スタイルシート裏の裏


第2章 スタイルシートの書き方


2-6.ボーダー(枠線)

枠線関係のプロパティには以下のようなものがあります
border-width
border-style
border-color

border-width

ボーダー(枠)の太さを、thin, medium, thick および5pxのような太さ指定が使えます。


border-style

ボーダー(枠)のスタイルを、none, dotted, dashed, solid, double, groove, ridge, inset, outset で指定します。solid dotted のように複数指定も可能です。


border-color

ボーダー(枠)の色を、red #ff0000 rgb(255,0,0)のように指定します。


上下左右

各枠線に対して、上、右、下、左と分けて指定することができます。
border-top : width style color
border-left : width style color
border-bottom: width style color
border0right : width style color

NN4では、この方式でのスタイル定義はできないようです


一括指定(1)

次のようにすると、上下左右を一括して定義することができます。

blockquote {
	border-color: #ffff00;
	border-style: solid;
	border-width: 3px;
}

一括指定(2)

上下左右で変更したい場合、「上 右 下 左」の順に並べることで、別々に定義ができます。

blockquote {
	border-color: red blue green pink;
	border-style: solid ridge solid inset;
	border-width: 2px 3px 4px 5px;
}

NN4では、この方式でのスタイル定義はできないようです


Indexに戻る ==== 前のページに戻る ==== 次のページへ