Topスタイルシートの基本枠と枠線 > 枠の周りに枠線を引く

枠の周りに枠線を引く

囲ってある部分を他の部分と見分けるために…枠に線をつけることができます。
私は結構流用しています。


<div>divタグの周りに線</div>
div{

border:width style color;

}


divタグの周りに線


「border」で枠全体を「border-top(上)」「border-right(右)」「border-bottom(下)」「border-left(左)」で、それぞれの位置に線を引きます。
「width」は線の太さです。
「style」で線のデザインを決定します。
※「none(線無し)」「dotted(点線)」「dashed(粗い点線)」「solid(実線)」「double(二重線)」「groove(谷線)」「ridge(山線)」「inset(内線)」「outset(外線)」
※通常は、「dotted(点線)」「solid(実線)」あたりしか使われません。
「color」で、線の色を指定します。
※色設定は、通常通り「#ff0000」などで設定します。

「枠の周りに枠線を引く」関連本

Akasa Rira
みつけたきせき