１０-３

　スタイルシートでデザインアップ-3
　　　文字ごとに枠線を入れることも。

『答え』　枠線も簡単に入れられます。

スタイルシートなら文字の単位で枠線を種類豊富に入れられるんですよ。一応、IEとNNで確認できている共通の枠線種類は６種類です。サンプルを見ましょうか。
（注意：今回のスタイルシートはIEは５以上で機能することが確認されています。）

solid=太線の枠

ridge=稜線の枠

double=二重の枠線

inset=陥没の枠線

outset=浮上の枠線

groove=溝線の枠


どうです、良い感じでしょう。 こうやって簡単に枠線を入れられるんですね。
タグの書き方は下記の通りです。 

<style type="text/css">
P             { border-width:10px;}
.solid      { border-style:solid;}
.ridge      { border-style:ridge;}
.groove    { border-style:groove;}
.inset      { border-style:inset;}
.outset    { border-style:outset;}
.double    { border-style:double;}
</style>
<p class="solid">solid=太線の枠</p>
<p class="ridge">ridge=稜線の枠</p>
<p class="double">double=二重の枠線</p>
<p class="inset">inset=陥没の枠線</p>
<p class="outset">outset=浮上の枠線</p>
<p class="groove">groove=溝線の枠</p>

いろんな場面で結構使えるタグでしょうから、是非覚えておきましょう。
（注意事項）スタイルシートの規定する部分でスペースがある場合は必ず半角スペースで入れて行って下さいね。全角スペースではエラーになりますので。
御自身で試されたら、この項は修了でーす。
質問メール　 ＯＺ道場メニュー