Web Artisan Blog - ウェブ アルチザン ブログ

XHTML:CSS:スクロールバーを表示させたい

JavaScript・XHTML・CSS

2004年08月29日

アフィリエイトから企業サイト分析まで。訪問者の動きがまるわかりのアクセス解析サービス「リサーチアルチザンプロ」

LINEやSkypeみたいなビデオ通話がブラウザだけでできる!オンライン通話サービス「EZ-Interview - イージーインタビュー」

画面上ある項目(部分)に対して、
一定の高さ(height)以上になればスクロールバーを表示させたいといった場合、
スタイルシート”overflow”を使用する。
”overflow”
”overflow-x”・・・overflowを横方向のみに適用
”overflow-y”・・・overflowを縦方向のみに適用

・visible(規定値:表示する)
・hidden(隠す)
・scroll(スクロールバーで表示する)
・auto(自動)
・inherit(継承)

(ソース例)

<div style="width:200px; height:100px; overflow:auto;">
テスト
テスト
テスト
テスト
テスト
テスト
テスト
テスト
テスト
</div>



(実行結果)

テスト
テスト
テスト
テスト
テスト
テスト
テスト
テスト
テスト


Web面接に最適。ブラウザだけでビデオ/音声通話ができるオンライン通話サービス。「EZ-Interview - イージーインタビュー」
訪問者録画機能も付いたシンプルで高機能なリアルタイムアクセス解析「リサーチアルチザンプロ」