text-decoration: underline/overline;
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; }
リンクに対して上下に線を引く サンプル