簡易文字タグ表

管理人お勧めの
ポイントを本当に現金に出来たサイト&アプリ
モッピー トリマ





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

見たい項目をクリックして下さい
ページtopへ FONTタグ SPANタグ フィルター 枠(囲い) マウス


<font>タグ

基本形
<font>文字</font>


サイズ
<font size="1〜7">文字</font>



<font color="カラーコード(ネーム)">文字</font>


書式
<font face="書体名">文字</font>

使用例

FONTで変化させた文字タグ




ページtopへ FONTタグ SPANタグ フィルター 枠(囲い) マウス


<span>タグ

基本形
<span>文字</span>


サイズ
<span style="font-size:0pt〜;">文字</span>



<span style="color:カラーコード(ネーム);">文字</span>


書式
<span style="font-family:書体名;">文字</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>

使用例

かわいい文字タグ



フィルターについてマメ知識
フィルターの上部が切れてしまう場合
[line-height:2;]をタグに挿入すると上部が表示されます。

フィルターの方向指定の数字を[-](マイナス)にすると
反対に伸びます(下方向の影は上に伸びる)
参考タグ [タイトル風文字タグ12]

フィルターを重ねる

フィルターはいくつも重ねることができます。

以下のタグを参考にしてみて下さい
うまく重ねれば3つや5つのフィルターを
綺麗に文字に反映させることができます。

使用例

かわいい文字タグ7

このタグはshadow(影付き)dropshadow(二重)Alpha(透明)の
3つのフィルターを重ねています
[line-height]を使用して文字の上下に間隔を作っています。
[offY=-5]にして二重文字を上側に表示しています。


ページtopへ FONTタグ SPANタグ フィルター 枠(囲い) マウス


枠をつける
<span style="border:枠形式名;">文字</span>

枠形式名

・ridge(立体枠)

・groove(へこみ枠)

・double(二重枠)

・dotted(点線枠)

・dashed(破線枠)

範囲指定[width(横)][height(縦)]
<span style="width:1〜;height:1〜;">文字</span>

カラーは直接カラー名を直接記載

使用例

ここが枠内





ページ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='書体名'

使用例

のせると文字の色が変わる、離すと戻る

この文字にマウスをのせて下さい♪









文章の無断転載・タグサンプルの再配布を禁止します。
Copyright © 2005-2006 hide. All Rights Reserved.
全ページリンクフリーです。