3−5.文字の装飾(枠付き文字)

(補足)
枠の形は下の表から選んでね。
枠の太さ、横の長さは数字で指定してね。ちなみに、横の長さは100で画面いっぱいになって、それ以上は画面からはみ出すよ。
また、%を削ると、ピクセル値(もっと、細かい設定)にすることも出来ます。
文字の大きさは、無限に大きさを数字で(1〜∞)指定できます。


赤い文字の部分を変更してコピー貼り付けで使ってね!
枠付き文字
普通の枠付き文字<font style="border-style:枠の形;border-color:#枠の色;border-width:枠の太さ;height:1">文字</font>
普通の枠付き文字(書体変更編)<font style="border-style:枠の形;border-color:#枠の色;border-width:枠の太さ;height:1;font-family:文字の書体">文字</font>
普通の枠付き文字(色変更編)<font style="border-style:枠の形;border-color:#枠の色;border-width:枠の太さ;height:1;color:#文字の色">文字</font>
普通の枠付き文字(大きさ変更編)<font style="border-style:枠の形;border-color:#枠の色;border-width:枠の太さ;height:1;font-size:文字の大きさ">文字</font>
普通の枠付き文字(背景色変更編)<font style="border-style:枠の形;border-color:#枠の色;border-width:枠の太さ;height:1;background-color:#背景色">文字</font>
普通の枠付き文字(全ての応用編)<font style="border-style:枠の形;border-color:#枠の色;border-width:枠の太さ;height:1;font-family:文字の書体;color:#文字の色;font-size:文字の大きさ;background-color:#背景色">文字</font>
枠の横の長さを変える<font style="border-style:枠の形;border-color:#枠の色;border-width:枠の太さ;width:枠の長さ%">文字</font>
枠の横の長さを変える(書体変更編)<font style="border-style:枠の形;border-color:#枠の色;border-width:枠の太さ;width:枠の長さ%;font-family:文字の書体">文字</font>
枠の横の長さを変える(色変更編)<font style="border-style:枠の形;border-color:#枠の色;border-width:枠の太さ;width:枠の長さ%;color:#文字の色">文字</font>
枠の横の長さを変える(大きさ変更編)<font style="border-style:枠の形;border-color:#枠の色;border-width:枠の太さ;width:枠の長さ%;font-size:文字の大きさ">文字</font>
枠の横の長さを変える(背景色変更編)<font style="border-style:枠の形;border-color:#枠の色;border-width:枠の太さ;width:枠の長さ%;background-color:#背景色">文字</font>
枠の横の長さを変える(全ての応用編)<font style="border-style:枠の形;border-color:#枠の色;border-width:枠の太さ;width:枠の長さ%;font-family:文字の書体;color:#文字の色;font-size:文字の大きさ;background-color:#背景色">文字</font>

枠の形の表
solid実線double二重線dotted丸い点線dashed四角い点線
inset内沈み線outset内浮き出し線ridge山線groove谷線



HTMLタグに戻る