サイト内検索
...スタイルシート(css)...
スタイルシート・インラインフレーム
横方向の位置・回り込み
- インラインフレームの横方向に並ぶ文字の位置は、floatプロパティを指定します。
- インラインフレームを左右どちらかにに寄せて、
- floatプロパティを使って反対側にテキストを回り込ませることができます。
- [使い方]
- .sample{
float: left;
}
- [メモ・・・Ｗ３Ｃの検証サービス・・・]
- iframeは、HTML 4.01 Strict ・ XHTML1.0 Strictでは推奨されていません。
- iframeをobjectに埋め込むとvalidします。
HTML・XHTMLmemo・・インラインフレームの説明・サイズをご覧ください。
| プロパティ名 | 値 | 説明 |
|---|---|---|
| float: | left; | インラインフレームは左側に
テキストを右側に回り込ませます。 |
| right; | インラインフレームは右側に
テキストを左側に回り込ませます。 |
|
| none; | 指定なし |
サンプル
[ｈｅａｄの中]
<style type="text/css"><!--
iframe.sam1{
width: 260px;
height: 100px;
}
#sam2{
float: left;
}
-->
</style>
[ｂｏｄｙの中]
<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・・・読み込まれるページを書きます。
[ｂｏｄｙの中]
<object type="text/html" data="sample.html"style="width: 260px; height: 100px;" name="sample"
id="sam2"">
この部分は「object」タグに対応しているブラウザでご覧ください。
</object>
右側に
文字を
表示しています。
[ブラウザ上]
右側に
文字を
表示しています。
