指定したサイズでテキストを表示させる(インラインフレームのように表示させる)

このエリアは、スタイルシートを利用しています。
見た目は「インラインフレーム」と似ています。
インラインフレームは他のファイルをリンクすることで表示しますが、このエリアに入力している文章は他の文章と同じように入力しています。スタイルシートのoverflowを利用するとこのような表示が可能になります。

overflowのスタイルに対応していないブラウザで閲覧した場合は他のテキストと同じように表示されます。

[スタイルの設定]画面で操作可能になったのはビルダー11のみです。ビルダー10以前のバージョンの場合は直接スタイルの記述を追加します。

1. [スタイルの設定]画面で次の操作を行います。(特定箇所にスタイルを設定する場合は、overflowのスタイルを設定したい箇所を右クリックして表示されたメニューから[スタイルの設定]を選択)
2. ページ上に表示させるサイズを設定します。[位置]タブをクリックし、[配置]の項目にある[幅]と[高さ]を設定します。
3. 続けて、画面右側[属性]の項目内に[はみだした場合の処理]を選択します。このページのサンプルは[自動]を選択しています。指定した高さからはみ出すと自動的にスクロールバーが表示されます。
4. 以上の操作でインラインフレームのように表示させることができます。背景色や枠線などを設定したい場合は、続けて[色と背景]や[レイアウト]タブをクリックしてスタイルを設定します。

• スクロールバーを強制的に表示するには、[スクロール]を選択します。
• はみ出した部分を非表示にするには、[不可視]を選択します。
• はみ出した部分を表示するには、[可視]を選択します。
• 親要素の値を強制的に継承させる場合は、[親要素の値を継承]を選択します。

ビルダー10以前でoverflowを利用するには

下記は「特定箇所にスタイルを設定する場合」の操作方法です。

1. 上記1.2.の操作を行います。この操作で幅と高さのスタイルがHTMLソースに記述されています。
2. HTMLソースを開き、「style="width : ***px;height : ***px;"」の個所を探します(サイズをピクセル以外で設定した場合はpxの個所が他の単位となっています)
3. overflow : auto;　という記述を追加します。
   「style="width : ***px;height : ***px;overflow : auto;"」というように。

• スクロールバーを強制的に表示するには、「overflow : scroll;」と記述します。
• はみ出した部分を非表示にするには、「overflow : hidden;」と記述します。
• はみ出した部分を表示するには「overflow : visible;」と記述します。
• 親要素の値を強制的に継承させる場合は、「overflow : inherit;」と記述します。