枠の幅を固定しスクロールバーを付ける | 圧倒的な作業効率と差別化を生み出す!~EFFICIENTアフィリエイト~

枠の幅を固定しスクロールバーを付ける

ブロック要素で表示スペースを固定しスクロールバーをつけてコンテンツを表示させる設定

スクロールバーを付ける

■「overflow: scroll」でスクロールを表示

<div style="background: #EFEFEF; width:630px; border: 1px solid #CC0000; height:100px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; overflow: scroll;">テキストテキスト
テキストテキスト
テキストテキスト
</div>

ブロック要素のスペース幅や枠線等の設定は
「ブロック要素で背景色と枠線を付ける」ページをご参考ください^^

[ 参考 ] : ブロック要素で背景色と枠線を付ける

  • Yahoo!ブックマークに登録する
  • はてなブックマークに登録する
  • livedoorクリップに登録する
  • newsingブックマークに登録する
  • del.icio.usブックマークに登録する
  • ニフティクリップに登録する
  • RSSを購読する
  • このページをブックマーク!

次の記事 »
前の記事 »
トップページへ » 圧倒的な作業効率と差別化を生み出す!~EFFICIENTアフィリエイト~

お問い合わせはこちらからどうぞ

圧倒的な作業効率と差別化を生み出す!~EFFICIENTアフィリエイト~ TOP » ブロック要素<div>タグの活用 » 枠の幅を固定しスクロールバーを付ける