スクロール

• トップ
• 逆引きリファレンス
• スクロール

• スクロールバーを表示しないようにするには
• スクロールバーの色を変えるには
• テーブルにスクロールバーをつけるには

スクロールバーを表示しないようにするには

スクロールバーを表示しないようにするには、overlow に hidden を指定します。

<style>
body { overflow: hidden; }
</style>

スクロールバーの色を変えるには

スクロールバーの色を変えるには、scrollbar-base-color を指定します。ただし、Internet Explorer でのみ有効で、Chrome, Firefox, Opera, Safari, Edge ではサポートされていません。

<style>
body { scrollbar-base-color: #ffcccc; }
</style>

テーブルにスクロールバーをつけるには

テーブルをスクロールさせるには次のようにします。

<div style="height:100px; width:300px; overflow-y:scroll;">
<table class="table-border" style="width:300px;">
  :
</table>
</div>