サイト内検索
...HTML・XHTMLタグ...
インラインフレーム
横方向の文字の位置
- インラインフレームの横方向に並ぶ文字の位置は、iframe要素にalignを指定します。
- [使い方]
- <iframe src="sample.html" align="top">
- [メモ・・・W3Cの検証サービス・・・]
- HTML 4.01 Strict ・ XHTML1.0 Strictでは、推奨されていませんので、
- Validするには、スタイルシートを使用します。
- alignの代わりは、
プロパティfloatを指定します。 - 後に続くテキスト(複数行)の揃え方は、
プロパティvertical-alignを指定します。 - .sample{float: right;}
- .sample{vertical-align: baseline;}
属性 | 属性値 | 説明 |
---|---|---|
align= | 一行のみ | |
"top" | インラインフレーム横の上の部分に文字を表示します。 | |
"middle" | インラインフレーム横の中央に文字を表示します。 | |
"bottom" | インラインフレーム横の下の部分に文字を表示します。 | |
複数行、並べることができます。 | ||
"left" | インラインフレームの右側に表示します。 | |
"right" | インラインフレームの左側に表示します。 |
サンプル
《align="top"を指定》
[bodyの中]
<iframe src="sample.html" width="200" height="100"align="top">このぺージはフレーム対応のブラウザでご覧ください。
</iframe>
「align="top"」を
指定しています。
《align="left"を指定》
[bodyの中]
<iframe src="sample.html" width="200" height="100"align="left">このぺージはフレーム対応のブラウザでご覧ください。
</iframe>
「align="left"」を
指定しています。
vertical-align・floatを指定
《「vertical-align: middle;」を指定》
[bodyの中]
<object type="text/html" data="sample.html" name="sample"style="vertical-align:middle; width:200px; height:100px;">
このぺージはフレーム対応のブラウザでご覧ください。
</object>
「vertical-align: middle;」を
指定しています。
[ブラウザ上]
「vertical-align: middle;」を指定しています。
《「float: left;」を指定》
[bodyの中]
<object type="text/html" data="sample.html" name="sample"style="float: left; width:200px; height:100px;">
このぺージはフレーム対応のブラウザでご覧ください。
</object>
「float: left;」を
指定しています 。
[ブラウザ上]
「float: left;」を指定しています。