掲示板/総合質問板/過去ログ/一覧/ 文字色抜きをCSSで一括にまとめる方法を教えてください

0 名前： たまごちゃん ： 2006/12/26（火） 04:58 ID:KLvV6ZfH: はじめまして　よろしくお願いします　たまごと言います

私のサイトでサブページへのリンクをトップページに貼ってあるんですが

それぞれにタイトルを付けています(例えば商品紹介　プロフィール　連絡先等)

がその文字を色抜きで強調したいと思ってます

それで調べたら下のようなコードでやればいいとわかったんですが

タイトル１つ１つにそれぞれ下記のコードを記入すると

かなりコードが増えてしまいます

できれば一括でまとめて下のコード１つですべてのタイトルに効果が出るように

したいんですが方法はありますでしょうか？

よろしくお願いします

<table style="filter:mask(color='文字のまわりの色');">
<tr>
<td>
文字
</td>
</tr>
</table>

1 名前：モノ ◆7YMtX/NYmu ： 2006/12/26（火） 04:58 ID:3mXSSG1S

重要なのはおそらく

filter:mask(color='文字のまわりの色');

の部分のみだと思います。
CSS(ただし今回の場合IEの独自拡張)により文字の装飾を行っているということ。

トップページにあるというサブページへのリンクが、
どのようなマークアップになっているかわかりませんので
具体的にどのようにすればよいかのアドバイスはできませんが、
style要素を使う方法、または.cssファイルを使う方法、
それと必要ならばclassセレクタを使えばよいのではないかと思います。
（どの方法もこのサイト内に説明があります）

2 名前： Ryu ： 2006/12/26（火） 04:58 ID:braAjNZo: <style type="text/css">
td {
filter:mask(color='文字のまわりの色)
}
</style>

IEならば上記コードをヘッダ内に追加すればできると思います。
それ以外のブラウザはfilterに対応していないので
filterの効果を再現したい場合は画像にするのが手っ取り早いでしょう。

3 名前： たまごちゃん ： 2006/12/26（火） 04:58 ID:m72b1FUI: 皆さん　ありがとうございました

filter:mask(color='文字のまわりの色');だけで装飾することができました

親切な対応に感謝です