ホーム HTML CSS XML JAVASCRIPT   PHP SQL MORE...   リファレンス 事例集    

CSS3 overflow-y プロパティ

CSS3 Reference 完全な CSS3 リファレンス

Clip the top/bottom edges of the content inside the div element - if it overflows the element's content area:

div
{
overflow-y:hidden;
}

Try it yourself »

ブラウザ・サポート

Internet Explorer Firefox Opera Google Chrome Safari

overflow-y property is supported in all of the major browsers.

注: The overflow-y property does not work properly in IE8 and earlier.


定義と用法

overflow-y property specifies whether or not to clip the top/bottom edges of the content - if it overflows the element's content area.

チップ: Use the overflow-x property to determine clipping at the left and right edges.

デフォルト値: visible
継承: no
バージョン: CSS3
JavaScript構文: object.style.overflowY="scroll"


構文

overflow-y: 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 Reference 完全な CSS3 リファレンス