overflow
- ブラウザ
はみ出た部分の表示方法
overflow: 値;
領域内に収まりきらない内容を、どのように処理するかを指定するプロパティです。
overflow: auto;
| プロパティ名 | 値 | 説明 |
|---|---|---|
| overflow | visible | 領域をはみ出して表示する （初期値） |
| hidden | はみ出た部分を表示しない | |
| scroll | スクロールで表示する | |
| auto | 自動 （一般的にはスクロールで表示） |
- 「scroll」を指定すると、常に縦横のスクロールバーが表示されるようになります。
- 「auto」を指定すると、内容があふれた場合にのみスクロールバーが表示されます。
.example {
width: 50%;
height: 200px;
border: 1px #c0c0c0 solid;
overflow: auto;
}
