スクロールバーの表示のコントロール


スクロールバーを出したり隠したりを
自分で決定することができます。

overflow:---; を使います。

auto (自動的に判断)
scroll (必ず表示)
hidden (必ず非表示)
visible (必ず非表示)


同じような機能を持つ<body>タグの属性として、
scroll="---" auto yes no
がありますが、これとは少し表示が変わるようです。

なお、<body>タグだけではなく、<textarea>にも使えます。
( テキストエリアでvisibleを使うと変になります。 )


何も使わないとき。

<textarea cols="40" rows="6">


</textarea>
  ↓


使ったとき
( 下のテキストエリアに文字を入力していくと
  自動的にスクロールバーが入ります。 )

<textarea cols="40" rows="6" style="overflow:auto;">


</textarea>
  ↓



<textarea cols="40" rows="6" style="overflow:scroll;">


</textarea>
  ↓





次は ボックスを使う です。

メニューに戻ります。