overflow

overflow

目次

  1. 'overflow' 特性 (CSS)
  2. math 要素 overflow 属性 (MathML)
    1. 仕様書
    2. 属性値
      1. データ型
      2. 既定値
    3. 処理モデル
    4. 関連
  3. Viewport のスクロールバー

'overflow' 特性 (CSS)#

[1] 2003-02-12 15:21 名無しさん: Mozilla の今の実装の scroll bar はどうも不安定。 overflow:scrolltextarea 要素によってでてくる 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 は、 CSSOMcssText 的には、 無関係の特性として扱われているようです。

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

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

math 要素 overflow 属性 (MathML)#

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

仕様書#

属性値#

データ型#

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

既定値#

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

処理モデル#

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

関連#

[25] CSS'overflow' 特性と名前や意味は似ていますが、 実際には違いが多いです。例えば MathMLscrollCSS における 'auto' に近い意味です。

Viewport のスクロールバー#

[17] html 要素body 要素overflow: scrollwidthheight を指定してみました。

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

[18] IlayerOverflowAttribute - doctype - The ilayer overflow attribute - Project Hosting on Google Code ( 版) <http://code.google.com/p/doctype/wiki/IlayerOverflowAttribute>

[19] Layer ( 版) <http://www.blooberry.com/indexdot/html/tagpages/l/layer.htm>

[26] Tantek-Mozilla-projects - MozillaWiki ( ( 版)) <https://wiki.mozilla.org/Tantek-Mozilla-projects#remaining_tasks_2>

[27] CSS3 module: Basic User Interface ( (Tantek Çelik 著, 版)) <http://www.w3.org/TR/2002/WD-css3-ui-20020802/#overflow-props>

[28] floatを解除する方法のまとめ: 小粋空間 ( ( 版)) <http://www.koikikukan.com/archives/2013/03/28-005555.php>

[29] CSS Overflow Module Level 3 ( ( 版)) <http://www.w3.org/TR/2013/WD-css-overflow-3-20130418/>

[30] overflowではみ出た要素がクリッカブルになってしまうAndroid 4標準ブラウザのバグ - 下林明正のブログ ( ( 版)) <http://shimobayashi.hatenablog.com/entry/2013/06/07/overflow%E3%81%A7%E3%81%AF%E3%81%BF%E5%87%BA%E3%81%9F%E8%A6%81%E7%B4%A0%E3%81%8C%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AB%E3%83%96%E3%83%AB%E3%81%AB%E3%81%AA%E3%81%A3%E3%81%A6%E3%81%97%E3%81%BE%E3%81%86>

[31] CSS basic box model ( ( 版)) <http://dev.w3.org/csswg/css-box/#overflow0>

[32] CSS Overflow Module Level 3 ( ( 版)) <http://dev.w3.org/csswg/css-overflow/>

[33] HTML5 - 親要素からはみ出した子要素は、右側だけがスクロール表示される - Qiita [キータ] ( ( 版)) <http://qiita.com/HieroglypH/items/572e4cbd51d4c40d791e>

[34] Web Applications 1.0 r8363 Make the viewport around a <dialog> always scrollable. Don't ask me what happens if an unscrollable viewport is scrolled while a dialog is up and then the dialog goes away, that isn't clear at this time. If you think we should scroll back to the previous position, or force a previous dialog to be visible, or some such, file a bug with details, please. Thanks... ( ( 版)) <http://html5.org/tools/web-apps-tracker?from=8362&to=8363>

[10] Opera Reader: Paging the Web ( 版) <http://people.opera.com/howcome/2011/reader/#overflow>

The four custom values that Opera Reader provides for overflow are:

-o-paged-x

-o-paged-y

-o-paged-x-controls

-o-paged-y-controls

[11] [css-overflow] upgrade to MUST requirements about overflow:hidden (frivoal著, ) <https://github.com/w3c/csswg-drafts/commit/af1704db040090f3fea9a11c34ffc4bd06fb2ebf>

[12] [CSS22] Change to baseline of 'inline-block' in the presence of 'over… (bert-github著, ) <https://github.com/w3c/csswg-drafts/commit/de9746dc5831558749d25bc054b19cde5ea4f554>

[13] [CSS22] Change to baseline of 'inline-block' in the presence of 'over… (bert-github著, ) <https://github.com/w3c/csswg-drafts/commit/0f7ad2a54d5ec450e226d6e88968d5e8a108ed5d>

[14] [css-values-3] Remove consideration of scrollbars in viewport unit co… (fantasai著, ) <https://github.com/w3c/csswg-drafts/commit/c1c2e82ca98a5a88f811e9d165757136d33f9dd4>

[35] Update CSS Overflow reference to version we need (sideshowbarker著, ) <https://github.com/whatwg/html/commit/f3d90c5d3ee9750852d6c74cad90c8dba3396a5d>

[36] Update CSS Overflow reference to version we need by sideshowbarker · Pull Request #3075 · whatwg/html () <https://github.com/whatwg/html/pull/3075>

[37] [csswg] overflow-3 and overflow-4 and unleveled URLs (Alan Stearns著, ) <https://lists.w3.org/Archives/Public/www-style/2017Oct/0008.html>

[38] [css-overflow-3] Clarify Overflow Value Propagation (frivoal著, ) <https://github.com/w3c/csswg-drafts/commit/967c9f0c15d24e47d22da70b131671d44272c4c4>

[39] [css-overflow] body overflow propagation is less defined than it was in CSS 2.1 · Issue #1905 · w3c/csswg-drafts () <https://github.com/w3c/csswg-drafts/issues/1905>