打ち消し線<s>タグで、線だけの色を変えたい



0   名前: ある : 2007/02/01(木) 19:41  ID:6Kvq9/xs sub-Cl
お世話になります
ある と申します

タイトル通りです
打ち消し線<s>タグで、<s></s>でくくられている文字の色は変えないままで、
打ち消し線の色だけ変える事は可能でしょうか?

<s style="color:red">と設定すると、文字も打ち消し線も赤色になってしまいます

情報をお持ちの方、是非ご教授下さい
「できない」というご意見があった場合にも、その旨返信していただけると嬉しいです
また「<s>タグではできないが、このタグなら・・・」というご意見でも結構です

よろしくお願いします

1   名前: 猫好き : 2007/02/01(木) 19:41  ID:7Z/V9GV9 sub-2K
一番簡単なやつで…

<html>
<head>
<title>
</title>
<style type="text/css">
.font {
color: #000000;
}
</style>
</head>
<body>
<s style="color:red"><span class="font">ほげ</span></s>
</body>
</html>

どうですか?

2   名前: ある : 2007/02/01(木) 19:41  ID:6Kvq9/xs sub-Cl
できました!感動です(T_T
猫好き さん、本当に迅速な御回答、ありがとうございました
僕ももっと精進したいと思います

3   名前: 匿名 : 2007/02/01(木) 19:41  ID:iK.3Z8B0 sub-kJ
人はなぜ打ち消し線を使うのか? 削除したことを示すためだ。ならば del 要素を使う。廃止予定扱いの s/strike 要素のことは、もう忘れて良い。

人はなぜ打ち消し線と打ち消し文字の色を変えたいのか?そこに削除以外のもう一つの意味を込めるためだ。ならば <del><em>ほげ</em></del> とでもマークアップすれば良かろう。
del { color: red; }
del em { color: black; }

<del><em>ほげ</em></del>

>>1
class="font" とするくらいなら、font 要素を使った方がマシかと。

一覧へ戻る