サイト内検索
...スタイルシート(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>
右側に
文字を
表示しています。
objectを指定
data="sample.html"
data・・・読み込まれるページを書きます。
style="width: 260px; height: 100px;" name="sample" id="sam2">
この部分は「object」タグに対応しているブラウザでご覧ください。
</object>
data・・・読み込まれるページを書きます。
[bodyの中]
<object type="text/html" data="sample.html"style="width: 260px; height: 100px;" name="sample" id="sam2">
この部分は「object」タグに対応しているブラウザでご覧ください。
</object>
右側に
文字を
表示しています。
[ブラウザ上]
右側に表示しています。
回り込みを解除します。