overflow
overflow はボックスからはみ出た内容の表示方法を指定します。overflow-x, overflow-y の指定を一括指定します。
プロパティの詳細
- 値
- visible, hidden, clip, scroll, auto, overlay
- 初期値
- visible
- 対象
- ブロックコンテナ、フレックスコンテナ、グリッドコンテナ
- 継承
- しない
- CSS レベル
- CSS 2.1
値の詳細
- visible
- ボックスからはみ出て表示
- hdden
- はみ出た部分を非表示
- clip
- はみ出た部分を非表示。スクロールも禁止
- scroll
- はみ出た部分をスクロールして表示することが可能。スクロールバーは常に表示される
- auto
- Web ブラウザに依存。基本的にははみ出た時だけスクロールバーを表示
- overlay
- 基本は scroll と同じ。スクロール時のみスクロールバーが表示される
サンプル
div {
overflow: scroll;
}