css オーバーフロー-x プロパティ
翻訳結果：
英[ˌəʊvəˈfləʊ] US[ˌoʊvərˈfloʊ]
vt.& vi. オーバーフロー、溺れる; 群衆、埋める; オーバーフロー; 資源のオーバーフロー
#n. 洪水、オーバーフロー; オーバーフロー チューブ;オーバーフロー、過剰; 量を超える
vi. オーバーフロー、オーバーフロー; overflow
adj. オーバーフロー、フル
三人称単数: オーバーフロー現在分詞: オーバーフロー過去形: オーバーフロー過去分詞: あふれた
css オーバーフロー-x プロパティ構文
関数: コンテンツが要素コンテンツ領域からはみ出す場合に、コンテンツの左端/右端をトリミングするかどうかを指定します。
構文: overflow-x: 表示|非表示|スクロール|自動|非表示|コンテンツなし;
説明: visible はコンテンツをトリミングしないため、コンテンツ ボックスの外側に表示される場合があります。非表示 切り取られたコンテンツ - スクロール機構は提供されません。スクロール コンテンツのトリミング - スクロール メカニズムを提供します。 auto ボックスがオーバーフローする場合は、スクロール機構を提供する必要があります。 no-display コンテンツがコンテンツ ボックスに収まらない場合は、ボックス全体を削除します。 no-content コンテンツ ボックスに収まらない場合は、コンテンツ全体を非表示にします。
注: overflow-y 属性を使用して、上端/下端のトリミングを決定します。 overflow-x 属性は、IE8 以前のブラウザでは正しく機能しません。
css オーバーフロー-x プロパティ例
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:110px;
height:110px;
border:thin solid black;
overflow-x:hidden;
overflow-y:hidden;
}
</style>
</head>
<body>
<div><p style="width:140px">
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
</p></div>
<p>Overflow-x 是否对内容的左/右边缘进行裁剪。</p>
<p>Overflow-y 是否对内容的上/下边缘进行裁剪。</p>
</body>
</html>インスタンスの実行 »
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します