CSSのオーバーフロープロパティ指定方式
オーバーフロー visible
オーバーフロープロパティは、要素の内容がボックスの範囲を超えたときの表示方法を指定します。visibleがデフォルトです。例: overflow: visible;
内容がボックスを超えても表示されます。内容がボックスを超えても表示されます。内容がボックスを超えても表示されます。内容がボックスを超えても表示されます。内容がボックスを超えても表示されます。この要素にはオーバーフローvisibleが設定されています。内容がボックスを超えても表示されます。内容がボックスを超えても表示されます。内容がボックスを超えても表示されます。内容がボックスを超えても表示されます。内容がボックスを超えても表示されます。この要素にはオーバーフローvisibleが設定されています。内容がボックスを超えても表示されます。内容がボックスを超えても表示されます。内容がボックスを超えても表示されます。内容がボックスを超えても表示されます。内容がボックスを超えても表示されます。
オーバーフロー hidden
コンテンツが要素の境界を超えた場合、はみ出した部分は表示されず、見えなくなります。例: overflow: hidden;
この要素にはオーバーフローhiddenが設定されています。内容がボックスを超えると表示されなくなります。内容がボックスを超えると表示されなくなります。内容がボックスを超えると表示されなくなります。内容がボックスを超えると表示されなくなります。内容がボックスを超えると表示されなくなります。この要素にはオーバーフローhiddenが設定されています。内容がボックスを超えると表示されなくなります。内容がボックスを超えると表示されなくなります。内容がボックスを超えると表示されなくなります。内容がボックスを超えると表示されなくなります。内容がボックスを超えると表示されなくなります。
オーバーフロー scroll
常にスクロールバーが表示されます（コンテンツが超えなくても表示）。例: overflow: scroll;
この要素にはオーバーフローscrollが設定されています。内容がボックスを超えるとスクロールバーが表示されます。内容がボックスを超えるとスクロールバーが表示されます。内容がボックスを超えるとスクロールバーが表示されます。内容がボックスを超えるとスクロールバーが表示されます。内容がボックスを超えるとスクロールバーが表示されます。この要素にはオーバーフローscrollが設定されています。内容がボックスを超えるとスクロールバーが表示されます。内容がボックスを超えるとスクロールバーが表示されます。内容がボックスを超えるとスクロールバーが表示されます。内容がボックスを超えるとスクロールバーが表示されます。内容がボックスを超えるとスクロールバーが表示されます。
オーバーフロー auto
コンテンツが要素の領域を超えた場合にのみスクロールバーが表示されます。例: overflow: auto;
この要素にはオーバーフローautoが設定されています。内容がボックスを超えた場合にのみスクロールバーが表示されます。内容がボックスを超えた場合にのみスクロールバーが表示されます。内容がボックスを超えた場合にのみスクロールバーが表示されます。内容がボックスを超えた場合にのみスクロールバーが表示されます。内容がボックスを超えた場合にのみスクロールバーが表示されます。この要素にはオーバーフローautoが設定されています。内容がボックスを超えた場合にのみスクロールバーが表示されます。内容がボックスを超えた場合にのみスクロールバーが表示されます。内容がボックスを超えた場合にのみスクロールバーが表示されます。内容がボックスを超えた場合にのみスクロールバーが表示されます。内容がボックスを超えた場合にのみスクロールバーが表示されます。