blue(青)単純な枠線を引くまず、枠のあるタグを含むHTMLファイルの例です。--></body></html>これらのタグに、スタイルシートで、単純な青い枠線を設定します。(便宜上、上のHTMLファイルでは使っていないタグも、含んでいます。)ちなみに、スタイルシートの設定は、後だし優先です。これを先頭に書いておいても、後ろに正式な設定があれば、そちらが有効になります。HTMLタグを書いている途中は、最初にこの設定を入れておくと、どこに何があるか、わかりやすくなりますし、不要になったらこの設定を削除すればいいので、便利です。枠線の種類を変えるdotted見出し1の枠線を、点線に枠線の種類を変えるには、ここを書き換えます。枠線の太さが0だと線は表示されませんし、あまり細すぎると、一本線にしかみえなかったりします。例では、見出し1に、追加設定をしています。見出し1の設定は二重になりますが、後だし優先で設定されます。*/}枠線の太さを変える見出し1の枠線の太さを変える枠線の太さを変えるには、ここを書き換えます。枠線の種類が「なし」だと表示されません。*/}枠線の色を変える見出し1の枠線の色を変える枠線の色を変えるには、ここを書き換えます。枠線の太さが0であったり、種類が「なし」だと表示されません。*/}上下左右の枠線を、別々に変える上下左右の線は、それぞれ別々に設定することができます。それぞれの枠線の設定方法は、全部一緒に設定するときと、同じです。枠線の外側(上下左右)に、余裕をもたせるには、これを追加します。例では、見出し1に、追加設定をしています。*/}余裕の大きさを変えるには、この部分を、書き換えます。左の順番に、4つ並べて書きます。枠線の内側(上下左右)に、余裕をもたせるには、これを追加します。例では、見出し1に、追加設定をしています。*/}余裕の大きさを変えるには、この部分を、書き換えます。左の順番に、4つ並べて書きます。外側の50%の幅の見出しブロック要素の幅を決めます。幅の値には、外側の余裕、枠線、内側の余裕が含まれます。*/}幅の大きさを変えるには、この部分を、書き換えます。*/高さ周囲の50%の高さの見出しブロック要素の高さを決めます。幅の値には、外側の余裕、枠線、内側の余裕が含まれます。*/}高さを変えるには、この部分を、書き換えます。テーブルのセルの内容の、上下の位置を設定します。画像と文字の位置関係を設定します。*/}位置を変えるには、この部分を、書き換えます。th)のタグに設定します。例では、普通のセルの高さの設定と共に、上下の設定をしています。上:top中:middle上:bottom左右の位置の設定と、一緒に使うこともできます。画像と文字の上下位置を変える場合には、imgのタグに設定します。以下の例では、スタイルシートの、それぞれの設定に名前をつけています。(名前をつけなかった場合、全イメージファイルにその設定が適用されます。無効となるブラウザが多いようです。下:bottom同じ行で設定を混在させられないブラウザも、多いようです。