HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)


文字の上下に線を引く

CSSの書き方

text-decoration:値 値 … ;

CSSの詳細情報
プロパティ名 text-decoration 読み方 テキスト・デコレーション
初期値 プロパティに依存 意味 文字装飾
none/underline(下線)/overline(上線)/underline overline(両方)
対象 文字列を含む要素
CSSレベル CSSレベル1 対応ブラウザ Windows MAC
継承 しない IE 5.0以上/FF1.0/NS7.1/OP8.0 SF/IE5.0

解説

文字などに下線、上線、または両方の線を引くスタイルシートです。ただし、このスタイルシートが有効なのは文字列のある要素に対してです。例えば、画像などにこのプロパティで線を引くことはできません。

また、文字に対してcolorプロパティを設定している(文字色を指定している)場合、このプロパティによって引かれる線もその色になります。線の色を別に指定したい場合は、「border-xxx」プロパティが有効です。

CSS/HTMLサンプル

a { text-decoration:underline overline; }

リンクに対して上下に線を引く サンプル