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