XHTML:CSS:スクロールバーを表示させたい
JavaScript・XHTML・CSS (43 items)
2004年08月29日
画面上ある項目（部分）に対して、
一定の高さ（height）以上になればスクロールバーを表示させたいといった場合、
スタイルシート”overflow”を使用する。
一定の高さ（height）以上になればスクロールバーを表示させたいといった場合、
スタイルシート”overflow”を使用する。
”overflow”
”overflow-x”・・・overflowを横方向のみに適用
”overflow-y”・・・overflowを縦方向のみに適用
・visible（規定値：表示する）
・hidden（隠す）
・scroll（スクロールバーで表示する）
・auto（自動）
・inherit（継承）
（ソース例）
（実行結果）
”overflow-x”・・・overflowを横方向のみに適用
”overflow-y”・・・overflowを縦方向のみに適用
・visible（規定値：表示する）
・hidden（隠す）
・scroll（スクロールバーで表示する）
・auto（自動）
・inherit（継承）
（ソース例）
<div style="width:200px; height:100px; overflow:auto;">
テスト
テスト
テスト
テスト
テスト
テスト
テスト
テスト
テスト
</div>
（実行結果）
テスト
テスト
テスト
テスト
テスト
テスト
テスト
テスト
テスト
前の記事 次の記事
この記事に関連した過去記事一覧は画面下にあります。
Comments
コメントは、まだ書かれていません
Add Comments
Trackback
グラスオニオン日記 wrote:
CSS：スクロールバー:
TEXTAREAなどの入力項目でスクロールバーを表示させたくない場合CSSでoverflow:hiddenと指定してやるとスクロールバーが表示されません。テスト↑こんな感じ
参考：http://www.res-system.com/weblog/item/247
2005年12月28日 15時20分23秒
Trackback URL
http://www.res-system.com/weblog/action.php?action=plugin&name=TrackBack&tb_id=247