サイト内検索
...スタイルシート(css)...
スタイルシート・インラインフレーム
境界線の指定
- インラインフレームに境界線を付けるには、borderプロパティを指定します。
- [使い方]
- .sample{
border: none;
}
- [メモ・・・W3Cの検証サービス・・・]
- HTML 4.01 Strict ・ XHTML1.0 Strictでは、推奨されていません。
- iframeをobjectに埋め込むとvalidします。
HTML・XHTMLmemo・・インラインフレームの説明・サイズをご覧ください。
borderについては、こちらをご覧ください。
プロパティ名 | 値 | 説明 |
---|---|---|
border: | ; | 「thin solid #ccff99」
のように太さ・色・種類を指定します。 (半角スペースで区切って、順番は自由です) 必要でないものは省略できます。 |
iframe要素に設定すると、境界線をつけることが出来ます
プロパティ名 | 値 | 説明 |
---|---|---|
frameborder= | "0" | 境界線を消します。 |
"1" | 境界線を表示します。(標準値) |
サンプル
[headの中]
<style type="text/css"><!--
iframe.sample1{
width: 260px;
height: 100px;
}
#sample2{
border: none;
}
#sample3{
border:
3px #999999 double;
}
-->
</style>
[bodyの中]
<p><iframe class="sample1" src="../sample.html" id="sample2">
サンプル
</iframe>
</p>
<p>
<iframe class="sample2" src="../sample.html" frameborder="0"
id="sample3">
サンプル
</iframe>
</p>
[ブラウザ上]
objectを指定
data="sample.html"
data・・・読み込まれるページを書きます。
style="width: 260px; height: 100px;" name="sample">
この部分は「object」タグに対応しているブラウザでご覧ください。
</object>
data・・・読み込まれるページを書きます。
[bodyの中]
<object type="text/html" data="sample.html"style="width: 260px; height: 100px;" name="sample">
この部分は「object」タグに対応しているブラウザでご覧ください。
</object>
<object type="text/html" data="sample.html"
style="width: 260px; height: 100px;" name="sample" id="sample3">
この部分は「object」タグに対応しているブラウザでご覧ください。
</object>
[ブラウザ上]