CSS3

プロパティ

overflow

  編集:2022.07.17 by T.A.

mdn

過フロー時の取り扱い: 略式プロパティ。

名前 overflow
[visible | hidden | clip | scroll | auto]{1,2}
初期値 visible
適用対象 ブロック コンテナflex コンテナ格子コンテナ
継承 されない
百分率 受容しない
算出値 個々のプロパティを見よ
正準的順序 文法に従う
アニメーション型 離散的

overflow プロパティは、指定された 2 個の値を順に[overflow-x、overflow-y]の指定値に設定する、略式プロパティである。2 個目の値が省略された場合、1 個目の値から複製される。

ブロック ボックスは、その[ overflow-x、overflow-y ]の両者とも算出値は visible でも clip でもない場合には,を自身の内容用に独立な整形文脈を確立する。

<DIV style="border:1px solid red; width:50px; height:100px;
 overflow:hidden auto;
">
aaaaaaaaaaa<BR>bbb<BR>cccccccc<BR>dd<BR>eee
</DIV>

テスト
HTML:

ここに表示
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: