overflow

`'overflow'` 特性 (CSS)

[1] 2003-02-12 15:21 名無しさん: Mozilla の今の実装の scroll bar はどうも不安定。 overflow:scroll や textarea 要素によってでてくる scroll bar はスタイル指定の相性?できえがち。

[2] overflow プロパティは擬似フレームも作成できる <http://web.archive.org/web/20040221221340/kobit.info/tips/overflow.html>

[3] overflow: -moz-hidden-unscrollable;

[4] overflowの解釈、間違ってませんか? - WebStudio <http://www.d-toybox.com/studio/weblog/show.php?mode=single&id=2005092101> (名無しさん 2005-09-21 03:23:30 +00:00)

[5] Bug 6976 - Horizontal scrollbar is missing. {was: "create scrollbar for / allow scrolling to overflow top (above) / left of container (Left side of the page is cut)"} <https://bugzilla.mozilla.org/show_bug.cgi?id=6976> (名無しさん 2005-12-18 23:54:22 +00:00)

[7] overflow: -webkit-marquee

[15] Operaのバグ発見二つ目:メモランダム (2007-08-04 03:44:15 +09:00 版) <http://mynotes.jp/blog/2007/07/opera_css_bug2> (名無しさん)

[16] IT戦記 - body の overflow: hidden が変 (2007-08-18 12:50:19 +09:00 版) <http://d.hatena.ne.jp/amachang/20070802/1186031892> (名無しさん 2007-08-18 07:31:33 +00:00)

[6] WinIE 6 における overflow, overflow-x, overflow-y は、 CSSOM や cssText 的には、無関係の特性として扱われているようです。

[8] Firefox 2 における overflow は、 overflow-x と overflow-y の shorthand として扱われているようです。

[9] Opera 9 は overflow-x と overflow-y を実装していません。

`math` 要素 `overflow` 属性 (MathML)

[20] MathML の math 要素の overflow 属性は、数式が幅に対して長すぎるときに好ましい (preferred) 取扱いを指定します。 >>21

仕様書

[21] MathML Fundamentals (2010-10-21 05:51:46 +09:00 版) <http://www.w3.org/TR/2010/REC-MathML3-20101021/chapter2.html#interf.toplevel.atts>

属性値

データ型

[22] 属性値には次のものがあります >>21。

既定値

[23] この属性の既定値は linebreak です >>21。

処理モデル

[24] 「好ましい (preferred) 」、「提案する (suggest) 」という語が仕様書上使われていて >>21、この属性の値に従うかどうかはレンダリング器に委ねられているようです。

Viewport のスクロールバー

[17] html 要素や body 要素に overflow: scroll や width や height を指定してみました。

<http://suika.fam.cx/~wakaba/-temp/test/css/box/mode/> の body-body-scroll、html-body-scroll、html-html-scroll、html-html-body-scroll。

Firefox3
- モードによる違いなし。
- html と body の外側の方の overflow が viewport に適用される。
- overflow が viewport に反映される場合、要素の箱は visible 扱い (内容がはみ出る)。
- width、height は要素の箱に反映される。
- 両方共 overflow を指定すれば body の箱にもスクロールバーが出る。
Safari3
- モードによる違いなし。
- html と body の外側の方の overflow が viewport に適用される。
- overflow が viewport に反映される場合、要素の箱は visible 扱い (内容がはみ出る)。
- width、height は要素の箱に反映される。
- 両方共 overflow を指定しても body の箱にもスクロールバーは出ない (内容がはみ出る)。
Opera9
- 奇癖モードでは height を指定しても内容に合わせて伸びる。
- html と body の外側の方の overflow が viewport に適用される。
- overflow が viewport に反映される場合、要素の箱は visible 扱い (内容がはみ出る)。
- width、height は原則として要素の箱に反映される。
- 両方共 overflow を指定すれば body の箱にもスクロールバーが出る。
WinIE7
- body に overflow を指定すると、
  - 無奇癖モード: 要素の箱にスクロールバーが出る。 body の width、 height は箱に適用される。
  - 奇癖モード: overflow は viewport に適用される。 body の width、 height は無視される。
- html に overflow を指定すると、
  - 無奇癖モード: overflow は viewport に適用される。 html の width、 height は箱に適用されるが、どちらも内容に応じて伸びる。
  - 奇癖モード: html の overflow、 width、 height は無視される。