子にブロックレベル要素を含むins, del要素もインライン要素になる

症状

ins要素とdel要素は、子要素の状態によってブロックレベル要素にもインライン要素にもなりえるが、mozillaではdisplayプロパティで明示しない限りこれらの要素は常にインライン要素として扱われる。

例示

<ins style="border:2px solid red;"><p>ブロック挿入</p></ins>
<p><ins style="border:2px solid blue;">インライン挿入</ins></p>

ブロック挿入

インライン挿入

前者のins要素はブロック要素として、後者のins要素はインライン要素として扱われるはずです。

スクリーンショット

Ns7.1Netscape7.1標準モード

補足

ins, del要素に対してdisplayプロパティを明示することでこの不具合を回避することができます。

<ins style="border:2px solid red; display:block;"><p>ブロック挿入</p></ins>
<p><ins style="border:2px solid blue;">インライン挿入</ins></p>

ブロック挿入

インライン挿入

スポンサーリンク

関連記事

スポンサーリンク

LinuxにImageMagickをインストールする方法 CentOS Stream

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る