タグを自分で変化させてみたいという場合は
こちらの表を参考にしてみて下さい。

見たい項目をクリックして下さい

ページtopへ

FONTタグ

SPANタグ

フィルター

枠(囲い)

マウス

<font>タグ 基本形 <font>文字</font> サイズ <font size="1〜7">文字</font> 色 <font color="カラーコード(ネーム)">文字</font> 書式 <font face="書体名">文字</font> 使用例 FONTで変化させた文字タグ <font face="富士ポップ" color="green" size="4"> FONTで変化させた文字タグ </font>

ページtopへ

FONTタグ

SPANタグ

フィルター

枠(囲い)

マウス

<span>タグ 基本形 <span>文字</span> サイズ <span style="font-size:0pt〜;">文字</span> 色 <span style="color:カラーコード(ネーム);">文字</span> 書式 <span style="font-family:書体名;">文字</span> 使用例 SPANで変化させた文字タグ <span style="font-size:20pt;font-family:富士ポップ;color:ff00ff;"> SPANで変化させた文字タグ </span>

ページtopへ

FONTタグ

SPANタグ

フィルター

枠(囲い)

マウス

フィルターをかける <span style="filter:フィルター名;">文字</span> フィルター名 ・wave(波型文字) ([color]波の色) ([freq]波の数/[Strength]波の大きさ) ・shadow(影付き文字) ([color]影の色) ([direction]影の伸びる方向) ・dropshadow(二重文字) ([color]二重文字の色) ([offX,Y]二重文字のずれる方向) ・glow(縁取り文字) ([color]縁取りの色) ・Alpha(透過文字) ([color]透明文字の色) ([opacity]透過の度合い) ・Blur(にじむ文字) ([direction]残像の伸びる方向 [strength]残像の伸びる長さ) 範囲指定[width(横)][height(縦)] <span style="width:1〜;height:1〜;">文字</span> 使用例 かわいい文字タグ <span style="width:300;height:50;font-size:20pt;font-family:富士ポップ;color:ff00ff;filter:shadow(color=pink);">かわいい文字タグ</span>

フィルターについてマメ知識

フィルターの上部が切れてしまう場合 [line-height:2;]をタグに挿入すると上部が表示されます。 フィルターの方向指定の数字を[-](マイナス)にすると 反対に伸びます(下方向の影は上に伸びる) 参考タグ　[タイトル風文字タグ12] フィルターを重ねる フィルターはいくつも重ねることができます。 以下のタグを参考にしてみて下さい うまく重ねれば３つや５つのフィルターを 綺麗に文字に反映させることができます。 使用例 かわいい文字タグ７ このタグはshadow(影付き)dropshadow(二重)Alpha(透明)の ３つのフィルターを重ねています。 [line-height]を使用して文字の上下に間隔を作っています。 [offY=-5]にして二重文字を上側に表示しています。 <span style="width:300;line-height:2;font-size:20pt;font-family:富士ポップ;color:ff00ff;filter:shadow(color=#ff80c0)dropshadow(color=skyblue,offX=0,offY=-5)Alpha(opacity=50,);">かわいい文字タグ７</span>

ページtopへ

FONTタグ

SPANタグ

フィルター

枠(囲い)

マウス

枠をつける <span style="border:枠形式名;">文字</span> 枠形式名 ・ridge(立体枠) ・groove(へこみ枠) ・double(二重枠) ・dotted(点線枠) ・dashed(破線枠) 範囲指定[width(横)][height(縦)] <span style="width:1〜;height:1〜;">文字</span> カラーは直接カラー名を直接記載 使用例 ここが枠内 <div style="border:thick dotted blue;width:362;height:45;"> ここが枠内 </div>

ページtopへ

FONTタグ

SPANタグ

フィルター

枠(囲い)

マウス

マウス関連 <span onmouseover="操作関数">文字</span> マウスを離す(のせていないとき) <span onmouseout="操作関数">文字</span> クリックする <span onclick="操作関数">文字</span> 操作関数 文字の色を変える ・this.style.color='カラー名(コード)' 背景色を変える ・this.style.background='背景色' 文字のサイズを変える ・this.style.fontSize='50' 文字の書体を変える ・this.style.fontFamily='書体名' 使用例 のせると文字の色が変わる、離すと戻る この文字にマウスをのせて下さい♪ <span onmouseover="this.style.color='カラー名'"onmouseout="this.style.color='元の文字のカラー名'"> 対象となる文字 </span>