HOMEへ   ホームページを作ろう |レンタルサーバいろいろ
TOPB B SScriptPCMY-LOG

作 成

作 成 2

基礎知識

装 飾 術

<<前へ  |1234567891011121314151617|  次へ>>

ウイルスバスター 30日無料体験版 ノートン無料体験版 マカフィー・30日間無料版 [PR]

● 表示範囲の限定

レイアウトの都合上、記事(文字列)が表示される範囲を限定し、 表示されない部分をスクロールバーなどを利用して表示することができます。
要素に『overflow』プロパティを設定し、 『visible』 / 『scroll』 /  『hidden』 / 『auto 』を設定します。
なお、表示する大きさをwidth及びheightプロパティでを設定します。
OPERA6.05、Netscape7.0ではvisible設定時ははみ出した分が下行の文字と重なってしまいます。 また、OPERA6.05はスクロールバーが出ません。

visible
style="overflow:visible ; width:10em ; height:5em ; background-color:efefef"

インラインフレームのような表示になります。
枠が記事に合わせて下に広がります。overflowっていうくらいで、本来ははみ出して表示されるようです。

vscroll
style="overflow:scroll ; width:10em ; height:5em ; background-color:efefef"

インラインフレームのような表示になります。
スクロールバーが表示され、記事が入りきらなくても、スクロールで見られるようにします。

hidden
style="overflow:hidden ; width:10em ; height:5em ; background-color:efefef"

インラインフレームのような表示になります。
入りきらない記事は無視され、表示されません。ここら辺から読めなくなります。コピぺで読めますけど。。。

auto
style="overflow:auto ; width:10em ; height:5em ; background-color:efefef"

インラインフレームのような表示になります。
入りきらない記事はブラウザの依存で処理します。

IE仕様のoverflow

overflow-x/overflow-yがあります。 値は上と同じですが、『overflow-x』は横方向を、 『overflow-y』は縦方向を優先するようですが・・・。
hidden及びauto割愛させていただきます。

overflow-x / visible
style="overflow-x:visible ; width:10em ; height:5em ; background-color:efefef"

インラインフレームのような表示になります。
枠が記事に合わせて下に広がります。overflowっていうくらいで、本来ははみ出して表示されるようです。

overflow-x / scroll
style="overflow-x:scroll ; width:10em ; height:5em ; background-color:efefef"

インラインフレームのような表示になります。
スクロールバーが表示され、記事が入りきらなくても、スクロールで見られるようにします。

overflow-y / visible
style="overflow-y:visible ; width:10em ; height:5em ; background-color:efefef"

インラインフレームのような表示になります。
枠が記事に合わせて下に広がります。overflowっていうくらいで、本来ははみ出して表示されるようです。

overflow-y / scroll
style="overflow-y:scroll ; width:10em ; height:5em ; background-color:efefef"

インラインフレームのような表示になります。
入りきらない記事をスクロールバーを表示して画面スクロールで見られるようにします。

HOMEページ等の更新履歴やお知らせに使えば良いのでしょうが、今一動作が怪しいですね。

<<前へ  |上へ|  次へ>>
1234567891011121314151617

今すぐ仕事に結びつく資格&技能完全ガイド【情報満載のガイド無料進呈】

‥…━★ 通信教育80年の実績!がくぶん総合教育センター ★━…‥

TOP] [HOME

更新日時:2014/08/09