【当ブログではアフィリエイト広告を利用しています】

[HTML] 疑似インラインフレーム

attention この記事は2年以上前の投稿になります。
記載された情報が古くなっている可能性がございますので十分ご注意ください。

規約などを記載する時に別にファイルを用意するのではなく、同じHTML内に規約などの本文も記載する書き方です。

<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <meta http-equiv="content-style-type" content="text/css">
   <title>疑似インラインフレーム</title>
   <style type="text/css">
      .innerframe
      {
         width: 300px;
         height: 120px;
         border: solid 1px #808080;
         padding: 0.5em;
         overflow: auto;
      }
   </style>
</head>
<body>
   <h1>疑似インラインフレームのサンプル</h1>
   <div class="innerframe">
      <p>規約とか個人情報保護方針</p>
      ・・・・・ここから・・・・・・<br />
      ・・・・・・・・・・・・・・・・・・<br />
      ・・1・・・・・・・・・・・・・・・<br />
      ・・・・・・・・・・・・・・・・・・<br />
      ・・2・・・・・・・・・・・・・・・<br />
      ・・・・・・・・・・・・・・・・・・<br />
      ・・3・・・・・・・・・・・・・・・<br />
      ・・・・・・・・・・・・・・・・・・<br />
      ・・4・・・・・・・・・・・・・・・<br />
      ・・・・・・・・・・・・・・・・・・<br />
      ・・・・・・・・・・・・・・・・・・<br />
      ・・・・・ここまで・・・・・・<br />
   </div>
</body>
</html>

実際にはこんな感じになる。

規約とか個人情報保護方針

・・・・・ここから・・・・・・
・・・・・・・・・・・・・・・・・・
・・1・・・・・・・・・・・・・・・
・・・・・・・・・・・・・・・・・・
・・2・・・・・・・・・・・・・・・
・・・・・・・・・・・・・・・・・・
・・3・・・・・・・・・・・・・・・
・・・・・・・・・・・・・・・・・・
・・4・・・・・・・・・・・・・・・
・・・・・・・・・・・・・・・・・・
・・・・・・・・・・・・・・・・・・
・・・・・ここまで・・・・・・

ご意見・ご感想をお待ちしております。

いただいた情報は一般公開されません。(入力いただいたメールアドレスにてご返信させていただきます)
また、* が付いている欄は必須項目となりますので、必ずご記入をお願いします。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。