CSS3

プロパティ

wrap-through

[Edge]⛌。→●、mdn

排他体の効果を制御。

wrap

要素は、自身の親ノードの回り込み文脈を継承する。要素の子孫である行内内容は、要素の外側†にて定義される排他体たちを回り込む。【† “継承”なので、次項により継承が途切れる所までの“外側”。】

<DIV style="border:1px solid black; width:200px; font-size:20px;">
 <DIV style="border:1px solid red; width:100px;
  wrap-flow:both;
  wrap-through:wrap;
 ">DIV DIVです</DIV>
 あああああああああいいいいいいいいいいいいい
</DIV>

none

要素は、自身の親ノードの回り込み文脈を継承しない。要素の子孫である行内内容が回り込むのは、要素の内側にて定義される排他区画に限られる。

<DIV style="border:1px solid black; width:200px; font-size:20px;">
 <DIV style="border:1px solid red; width:100px;
  wrap-flow:both;
  wrap-through:none;
 ">DIV DIVです</DIV>
 あああああああああいいいいいいいいいいいいい
</DIV>

¶

テスト