インラインフレーム作成ツール


インラインフレームタグを生成できるツールです。インラインフレームの大きさや枠線、スクロールバー、余白、フレーム名などを設定することができます(「周囲の余白」はIEのみ対応)。

設定を変更したら「更新する」ボタンを押して表示確認してください。

フレームタグカテゴリー


インラインフレームの設定

【フレームの大きさ】
フレームの幅 (ピクセル数・%)
フレームの高さ (ピクセル数・%)
【枠線・スクロールバー】
枠線の表示
スクロールバー
【フレーム名】
フレーム名 (半角英数)
【余白】
内側余白(左右) (ピクセル数)
内側余白(上下) (ピクセル数)
周囲余白(左右) (ピクセル数)
周囲余白(上下) (ピクセル数)
【コードの表示】


使い方

インラインフレームの表示を実際に確認しながら、各種設定を行うことができます。設定を完了したコードはテキストエリアに表示されるので、それをコピーしてお使いください。

  • 各設定項目でインラインフレームの設定を行ってください。設定内容の詳細は、「フレームタグカテゴリー」でご覧になれます。
  • 「ファイルのURL」と書かれた部分には、インラインフレームに読み込むページのURLを指定してください。
  • インラインフレーム内に読み込むページは、別途ご自分で用意してください。
  • 設定項目の「周囲の余白」は、IEとOperaで対応しています。
  • 内容を書き換えただけではサンプルの表示に反映されませんので、設定を変更したら「更新する」ボタンを押して表示確認してください。(フレーム内のページを読み込む必要があるため、ボタン操作のみの更新とさせていただきました)
  • このツールはJavaScriptで作成されています。JavaScriptを利用できない環境では動作しません。

参考

  • 「フレーム名」とは、リンクを設定する際に必要となるものです。このフレーム名には、アルファベットで始まる半角英数字(一部の記号も使用可)で好きな名前を指定できます。
  • 「ここに未対応ブラウザ向けの内容」と書かれた部分は、インラインフレーム未対応ブラウザで表示されます。対応しているブラウザではこの部分は表示されません。
  • 設定内容によっては、生成されるコードに独自拡張の属性が含まれる場合があります。