サイト内検索
...スタイルシート(css)...
スタイルシート・枠線
収まりきらない内容の処理
- ページの範囲以内に収まらない内容をどのようにするかは、
- overflowプロパティを指定します。
- [使い方]
- sample1{width: 200px; height: 100px; overflow: visible;}
| プロパティ名 | 値 | 説明 |
|---|---|---|
| overflow: | visible; | 領域をはみ出して表示する。（標準値） |
| hidden; | はみ出した部分を表示しない。
スクロールバーを消します。 |
|
| scroll; | スクロールで表示する。 | |
| auto; | 自動 |
個別に指定
- ページの範囲以内に収まらない内容をどのようにするかは、
- 横方向は、overflow-xプロパティを指定します。
- 縦方向は、overflow-yプロパティを指定します。
- [使い方]
- sample1{width: 200px; height: 100px; overflow-x : hidden;}
| プロパティ名 | 値 | 説明 |
|---|---|---|
| overflow-x:
overflow-y: |
visible; | 領域をはみ出して表示します。（標準値） |
| hidden; | はみ出した部分を表示しない。 | |
| scroll; | スクロールで表示します。 | |
| auto; | 自動 |
