ページ全体に枠をつける
IE … ○ NN … ○
ページ全体に枠をつけるスタイルシートです。
IEでは枠の内側にスクロールバーが、NNでは枠の外側にスクロールバーが表示される点に違いがあります。
サンプル ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
このページ全体。
ソース ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
↑を<HEAD>〜</HEAD>の間に貼り付けて下さい。
* padding
ページ本体と枠の間の幅の指定です。
ここでは「10px」に指定しています。
上下左右の枠の幅を変えたい場合は、「10px 20px 10px 20px」のように記述してください
一番はじめの数値が上の枠の幅、次が右の枠の幅、次が下の枠の幅、最後が左の枠の幅です。
つまり、上下左右の空白幅を個別に指定できることになります。
* border-style
枠の形の指定です。
ここでは「solid」というタイプを指定していますが、他にも「ridge」「inset」「outset」「double」というタイプがあります。
以下が各タイプを指定した場合の表示例です。
* border-width
枠の太さの指定です。
ここでは「30px」に指定していますが、"padding"と同様、上下左右の枠の太さを変えたい場合は、「15px 30px 15px 30px」のように記述してください。
* border-color
枠の色の指定です。お好きな色を記述してください。
* background
ページの背景色の指定です。お好きな色を記述してください。