サイト内検索

...スタイルシート(css)...

スタイルシート・インラインフレーム

回り込みの解除

回り込みを終了させるにはclearプロパティを指定します。
[使い方]
.sample{
clear: both;
}
プロパティ名 説明
clear:left ;インラインフレームの右側にある回り込みを解除します。
right;インラインフレームの左側にある回り込みを解除します。
both;どちらの回り込みも解除します。
none;指定なし(標準値)

サンプル

[headの中]

<style type="text/css">
<!--
iframe.sam1{
width: 260px;
height: 100px;
}
#sam2{
float: left;
}
.sam3{
clear: both;
}
-->
</style>

[bodyの中]

<p>
<iframe class="sam1" src="../sample.html" id="sam2">
サンプル
</iframe>
</p>

右側に
文字を
表示しています。

<p class="sam3">回り込みを解除します。</p>

objectを指定

data="sample.html"
data・・・読み込まれるページを書きます。

[bodyの中]

<object type="text/html" data="sample.html"
style="width: 260px; height: 100px;" name="sample" id="sam2">
この部分は「object」タグに対応しているブラウザでご覧ください。
</object>

右側に
文字を
表示しています。

<p class="clear">回り込みを解除します。</p>

[ブラウザ上]

この部分は「object」タグに対応しているブラウザでご覧ください。

右側に表示しています。

回り込みを解除します。


Copyright c 2007.10.01 luc All rights reserved.