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

HomeCSS辞典文字に装飾 text-decoration
サイト内検索

文字に装飾 text-decoration

文字に装飾 (サンプル)

サンプル用の文字


サンプル用の文字


サンプル用の文字


サンプル用の文字


サンプル用の文字


サンプル用の文字

※ 上が通常の状態で、下が実際に効果を反映したサンプルです。

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


練習用書き込みフォーム(サンプル表示)


素材の森 素材NAVI 素材R 素材・壁紙 イラスト素材 素材・作成 素材ランキング 無料素材リンク 素材ファン
無料HP素材、ホームページテンプレート、HTMLタグ・CSS、質問・用語の検索 サイト内検索
素材ランキング 素材NAVI 素材の森 素材サーチ フリー素材 素材・画像 素材・壁紙 素材R Webランキング