CSS 基礎教程

CSS 盒子モデル

溢出属性は、要素の内容が枠に適さない場合に発生する行動を指定します。

要素の内容が枠のサイズよりも大きくなる場合があります。例えば、指定されたwidthおよびheight属性が要素の内容を収容する十分なスペースを提供しない場合があります。

CSS 溢出属性は、内容が要素の枠よりも大きくなった場合に、内容をカット、スクロールバーを表示するか、表示するかを指定できます。ブロックレベルの要素の溢出内容。

この属性は次のいずれかの値を持つことができます：visible (デフォルト), hidden, scroll, and auto。CSS3次のように定義されています：overflow-xおよびoverflow-y属性が独立して垂直および水平のカットを制御できるようにするために指定されます。

例

div　{
　　　　width:　250px;
　　　　height:　150px;
　　　　overflow: scroll;
}

値	説明
visible	デフォルト値。内容はカットされず、要素の枠の外部にレンダリングされるため、他の内容と重なる可能性があります。
hidden	溢出した要素の枠の内容はカットされ、残りの内容は見えません。
scroll	溢れた内容は隠れてカットされますが、溢れた内容にアクセスするためのスクロールメカニズムが提供されます。
auto	要素の枠に内容が溢れた場合、残りの内容を確認するために自動的にスクロールバーが提供されます。そうでない場合は、スクロールバーは表示されません。