書式
(例) overflow-y:hidden;
パラメーター
visible
ボックスからはみ出して表示されます(初期値)。
IEは、内容がはみ出すのではなく、ボックスの方が内容に合わせて拡張されます。
scroll
入りきらない内容はスクロールして見られるようになります。
hidden
はみ出た部分は表示されません。
auto
ブラウザに依存します(一般的にはスクロールして見られるようになります)。
指定なし
<div style="width:100px;height:30px;border:1px solid #ccc;">
あいうえおかきくけこ<br />さしすせそ<br />たちつてと
</div>
overflow-y:visible
<div style="width:100px;height:30px;border:1px solid #ccc;overflow-y:visible;">
あいうえおかきくけこ<br />さしすせそ<br />たちつてと
</div>
overflow-y:scroll
<div style="width:100px;height:30px;border:1px solid #ccc;overflow-y:scroll;">
あいうえおかきくけこ<br />さしすせそ<br />たちつてと
</div>
overflow-y:hidden
<div style="width:100px;height:30px;border:1px solid #ccc;overflow-y:hidden;">
あいうえおかきくけこ<br />さしすせそ<br />たちつてと
</div>
overflow-y:auto
<div style="width:100px;height:30px;border:1px solid #ccc;overflow-y:auto;">
あいうえおかきくけこ<br />さしすせそ<br />たちつてと
</div>