WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:cssでの取り消し線の表示が一部出ません。

0:[投稿] ta [2005/03/27 15:24 ][環境:Win2000, IE6, NN7 Apache]

取り消し線を付けたいのですが、<div>とかであれば問題なく取り消し線が表示されるの
ですが、<table>などの場合に入れ子になっていると取り消し線が表示されません。

以下のような感じです。

---------------------------------------------------
<table style="text-decoration:line-through;">
    <tr><td>
        削除a
        <table>
            <tr><td>
                削除b ( ※ 取り消し線が出ない )
            </td></tr>
        </table>
    </td></tr>
</table>

<div style="text-decoration:line-through;">
    削除a
    <div>
        削除b ( ※ divとかなら取り消し線が出る )
    </div>
</div>
---------------------------------------------------

NN7では両方とも取り消し線が出るのですが、IE6では出ません。
<table>の場合は全てのタグに style="text-decoration:line-through;"をつけないといけないのでしょうか?


1:[回答] 敬 [MAIL] [URL] [2005/03/27 21:14 ]

>This property is not inherited, but elements should match their parent. E.g., if an element is underlined, the line should span the child elements.
( http://www.w3.org/TR/REC-CSS1#text-decoration )

親要素のtext-decorationプロパティは子要素に継承されませんが,子要素の文字装飾は親要素に合わせるべき,と規定されています。

当方で試してみたところ,IE6の互換モードではtaさんの指摘する症状が出ますが,標準モードでは仕様どおりに表示されました。
http://msdn.microsoft.com/library/en-us/dnie60/html/cssenhancements.asp?frame=true#cssenhancements_topic2


2:[完了] ta [2005/03/28 13:34 ]

ありがとうございます。
<!DOCTYPE> って今のブラウザでは実際には無視されるのかと思ってましたがちゃんとそれに合わせて処理してあるのですね。

勉強になりました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World