トップページ 利用規約 掲示板 ランキング 初心者説明 質問集 リンクする 相互リンク
タグの説明 テーブルタグ スタイルシート 色の見本 素材屋リンク 作成リンク WEBスペース レンタルリンク
スタイルシートの説明

文字に装飾 (サンプル)

サンプル用の文字


サンプル用の文字


サンプル用の文字


サンプル用の文字


サンプル用の文字


サンプル用の文字

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

文字に装飾 (詳細情報)
対応  Internet Explorer 4 ↑  Netscape 4 ↑  (ブラウザの対応)
字体 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

▲目次へ

お役立ちリンク集: sozai-R 素材NAVI イラスト素材プチッチ HP作成無料 ホームページ制作会社 ジェバアーツ 格安ホームページの制作屋