CSS3 overflow-xプロパティ
ブラウザサポート
表内の数字は、そのプロパティをサポートする最初のブラウザバージョン番号を示しています。
-webkit-、-ms- または -moz- の直前の数字は、その接頭辞付きプロパティをサポートする最初のブラウザバージョン番号です。
| プロパティ | |||||
|---|---|---|---|---|---|
| overflow-x | 4.0 | 9.0 8.0 -ms- |
3.5 | 3.0 | 9.5 |
プロパティの定義と使用説明
overflow-x プロパティは、要素のコンテンツ領域をオーバーフローした場合に、左/右端のコンテンツをクリップするかどうかを指定します。
ヒント：overflow-y プロパティを使用して、上端と下端のエッジがクリップされるかどうかを判断します。
| デフォルト値： | visible |
|---|---|
| 継承： | no |
| バージョン： | CSS3 |
| JavaScript 構文： | object.style.overflowX="scroll" |
構文
overflow-x: visible|hidden|scroll|auto|no-display|no-content;
| 值 | 説明 |
|---|---|
| visible | コンテンツはクリップされず、コンテンツボックスの外に表示される場合があります。 |
| hidden | コンテンツをクリップします - スクロールメカニズムは提供されません。 |
| scroll | コンテンツをクリップします - スクロールメカニズムを提供します。 |
| auto | ボックスをオーバーフローする場合は、スクロールメカニズムを提供する必要があります。 |
| no-display | コンテンツがコンテンツボックスに収まらない場合、ボックス全体を削除します。 |
| no-content | コンテンツがコンテンツボックスに収まらない場合、コンテンツ全体を非表示にします。 |