2009年06月02日
よくつかう3つの文字の装飾タグをまとめる
前回の 左寄せと右寄せ の続きで、「文字の設定バー」のボタンで「よくつかう文字の装飾」の「Htmlタグ」を紹介しちゃいます。
よくつかう文字の装飾は、拡大/縮小・文字色・太字 の3つです。このタグをひとつにまとめたものを紹介します。基本的には必要なものだけを設定すればいいのですが、この3つをまとめておきますと、装飾したり元にに戻したりすることがカンタンにできます。
★文字★
上記タグはなにも装飾していない状態です。装飾の仕方は以下に記します。
＊スキンによっては基本の文字色が「#333」でない場合があります。
大きさを変える font-size: 100 %; の 100 を変更する。
文字色を変える color: #333 ; の #333 （カラーコード）を変更する。
太字にする font-weight: normal ; の normal を bold に変更する。
<span style="font-size: 120%; color: #cc0000; font-weight: bold;"> ★文字★ </span>
★文字★
装飾することが前提である文章の場合は、この3つのタグで囲んでおけば、自由に設定できるので便利だと思います。★文字★の部分を置き換えてご使用ください。
ちなみに斜体にしたい場合は <i> ★文字★ </i> ⇒ ★文字★
下線を引きたい場合は <u> ★文字★ </u> ⇒ ★文字★ で囲うのがカンタンです。
<span style〜> タグ内に追加したい場合、斜体は font-style:italic;
下線は text-decoration:underline; を追加してください。
カラーコードについては カラーコードの仕組みをしろう！ をご覧ください。
※ 2012年07月09日： font-weight の指定値に誤りがございました。
font-weight: none ; （誤）を font-weight: normal ; （正）に修正し、変更しました。
※ 上記Htmlタグはコピー＆ペーストでそのままご利用になれます。
※ Htmlタグのご使用につきましては、利用者の自己責任にてお願いします。
【カスタマイズ：サイドバー編の最新記事】
この記事へのコメント