CSS3 overflow-x プロパティ
 完全な CSS3 リファレンス
例
Clip the left/right edges of the content inside the div element - if it overflows the element's
content area:
div
{
overflow-x:hidden;
} |
Try it yourself »
|
ブラウザ・サポート
overflow-x property is supported in all of the major browsers.
注: The overflow-x property does not work properly in IE8 and
earlier.
定義と用法
overflow-x property specifies whether or not to clip the left/right edges
of the content - if it overflows the element's
content area.
チップ: Use the overflow-y property
to determine clipping at the
top and bottom edges.
| デフォルト値: |
visible |
| 継承: |
no |
| バージョン: |
CSS3 |
| JavaScript構文: |
object.style.overflowX="scroll" |
構文
| overflow-x: visible|hidden|scroll|auto|no-display|no-content; |
| 値 |
説明 |
| visible |
The content is not clipped, and it may be rendered outside the content
box |
| hidden |
The content is clipped - and no scrolling mechanism is provided |
| scroll |
The content is clipped and a scrolling mechanism is provided |
| auto |
Should cause a scrolling mechanism to be provided for overflowing boxes |
| no-display |
If the content does not fit in the content box, the whole box is removed |
| no-content |
If the content does not fit in the content box, the whole content is
hidden |
完全な CSS3 リファレンス
|