img
白 クリーム 黄色 淡い緑 水色 淡い青紫 淡いグレー グレー 黒 茶 赤 濃いピンク ピンク

文字の装飾


文字に影を付ける

  IE6

例: 下に影が付きます
例: <div style="filter:dropshadow(offx=数字,offy=数字,color=影の色名);width:100%;line-height:200%;">ここに文字を入れる</div>

offx の数字の部分には影をX方向にどれだけずらすかの数値。
offy の数字の部分には影をY方向にどれだけずらすかの数値。
文字の色を変える場合は color : 色名もしくはカラーコード; を追加
サイズを変える場合は font-size : 数値; を追加
文字を太くする場合は font-weight : bold; を追加
文字を斜体にする場合は font-style : italic; を追加
フォントを変える場合は font-family : フォント名; を追加

例: 下に影が付きます
例: <div style="filter:dropshadow(offx=数字,offy=数字,color=影の色名);width:100%;line-height:200%;"><span style="font- size:数字; color:文字の色名; font-family:フォント名;">ここに文字を入れる</span></div>



文字の強調・取り消し線・アンダーライン・斜体

  IE6 NN7 OP8

強調したい文字 <b>強調したい文字</b>
取り消したい文字 <s>取り消したい文字</s>
下線をつけたい文字 <u>下線をつけたい文字</u>
斜めにしたい文字 <i>ななめにしたい文字</i>



漢字にふり仮名(ルビ)

  IE6

例: 漢字(かんじ)変換(へんかん)する
例: <ruby><rb>漢字</rb><rp>(</rp><rt>かんじ</rt><rp>)</rp></ruby>に<ruby><rb>変換</rb> <rp>(</rp><rt>へんかん</rt><rp>)</rp></ruby>する

<rb> はルビをふる対象、<rt> はルビ文字列を指定します。
<rp> は<ruby>未対応ブラウザでの表示が 「漢字かんじを変換へんかんする」 となってしまわないための括弧を指定します。
そうすると、未対応ブラウザでは 「漢字(かんじ)に変換(へんかん)する」 と表示されます。