CSSリファレンス

overflowの意味と使い方

「overflow」は内容がボックスに収まりきらない場合の表示方法を指定します。widthプロパティやheightプロパティで大きさを指定したボックスよりも内容の量の方が多く、はみ出してしまう場合に利用されるプロパティです。

値の指定方法

visible

収まりきらない内容をはみ出して表示します。


hidden

収まりきらない内容は表示しません。


scroll

スクロールして内容を表示できるようにします。


auto

ブラウザに依存します。一般的には、必要に応じてスクロールできるようになります。


関連プロパティ

  • width:内容領域の幅を指定する
  • height:内容領域の高さを指定する
  • clip:ボックスを切り抜き表示(クリッピング)する