Javascript Patchworker
top information javascript html css 閉鎖中です link

文字に下線を引く

 

icon このスタイルについて
 HTMLタグの<U>にあたる機能で、text-decorationという属性を使用します。CSSでこれを設定する一番のメリットは、a:hoverと組み合わせることで巷でよく見かける、マウスをポイントすると表示されるリンクの下線などが使用できることです。  また、リンクの下線を消すこともできますし、ほか上線や抹消線なども引くことが可能です。

icon 実行例
リンクの下線が消えます。
複数のラインも引けます。

icon 関連


icon 対応ブラウザ
WIN IE 4.0〜 NN 4.0〜 MAC IE 5.0〜 NN 4.0〜

icon サンプルソース

icon ユーザ設定
text-decorationに設定できる属性値にはnone, underline, overline, line-through, blinkの5種類があります。
noneはテキストの装飾を無効にします。リンクの下線を消すときなどに用います。
underlineは下線を表示します。最もよく使われる属性値です。
overlineは上線を表示します。NN4では対応していません。
line-throughは抹消線を引きます。
blinkは文字列を点滅させます。NN4とNN7でのみ対応しています。

   icon TOPに戻る

ホーム - 更新履歴 - ダイアリー - インフォメーション - JavaScript - HTML - CSS - BBS - リンク集
このサイトへのリンクはご自由に。一言掲示板かメールで断っていただけるとありがたいです。
メールでの質問・要望は受け取れない場合がございますので、なるべくメッセンジャーでの質問・要望をお願いします。
Copyright © 2005 ミケネコ (neko_141@hotmail.com) All Rights Reserved.