文字に装飾 text-decoration｜CSS辞典｜HTMLタグ・CSS

Home≫CSS辞典≫文字に装飾 text-decoration

文字に装飾 text-decoration

≪ 文字の種類 font-family	【 HOME 】	大小文字で表示 text-transform ≫

Yahoo!ブックマークに登録

Google Bookmarks に追加

はてなブックマークに登録

livedoorに記事をクリップ

文字に装飾（サンプル）
サンプル用の文字	サンプル用の文字	サンプル用の文字
▼	▼	▼
サンプル用の文字	サンプル用の文字	サンプル用の文字
※ 上が通常の状態で、下が実際に効果を反映したサンプルです。

文字に装飾（詳細情報）
字体	text-decoration:★;
指定	★の部分に下記の「」内の効果を指定していきます。複数指定する場合は半角スペースで区切ってださい。上下に線をつけたりも可能。 text-decoration:none; で、リンクの下線を消したりすることもあります。「underline」文字に下線を付けれます。「overline」文字に上線を付けれます。（Netscape 4 未対応）「line-through」文字の真ん中に取消し線を付けれます。「none」飾りを何もない状態にします。（例：リンク下線消すなど）
効果	文字に下線や上線や打消し線などを付けたりすることができます。
例１	<div style="text-decoration:underline;";>サンプル用の文字</div>
結果	サンプル用の文字
例２	<div style="text-decoration:overline underline;";>サンプル用の文字</div>
結果	サンプル用の文字
解説	下線と上線を両方つけることも可能です。例２

≪ 文字の種類 font-family	【 HOME 】	大小文字で表示 text-transform ≫

練習用書き込みフォーム（サンプル表示）
<div style="text-decoration:underline;">サンプル用の文字</div> <div style="text-decoration:line-through;">サンプル用の文字</div>

素材の森

素材NAVI

素材R

素材・壁紙

イラスト素材

素材・作成

素材ランキング

無料素材リンク

素材ファン

無料ＨＰ素材、ホームページテンプレート、HTMLタグ・CSS、質問・用語の検索

サイトの説明

素材使用方法

質問集/用語集

作成練習場

カラー見本